Style Guide

Farben

Mint

#D5F4F4

#D5F4F4

sec-1 · lightest

hex#D5F4F4

oklch94% .025 195

rgb213 244 244

hsl180 59% 90%

#A1DCDC

#A1DCDC

sec-2 · light

hex#A1DCDC

oklch85% .040 195

rgb161 220 220

hsl180 46% 75%

#6EBCBC

#6EBCBC

sec-0 · primary

hex#6EBCBC

oklch73% .060 195

rgb110 188 188

hsl180 37% 58%

#449797

#449797

sec-3 · dark

hex#449797

oklch60% .070 195

rgb68 151 151

hsl180 38% 43%

#2A8282

#2A8282

sec-4 · darkest

hex#2A8282

oklch52% .075 195

rgb42 130 130

hsl180 51% 34%

Orange

#FF7C53

#FF7C53

sec-1 · lightest

hex#FF7C53

oklch70% .155 35

rgb255 124 83

hsl14 100% 66%

#F85522

#F85522

sec-2 · light

hex#F85522

oklch62% .215 35

rgb248 85 34

hsl14 94% 55%

#D33402

#D33402

sec-0 · primary

hex#D33402

oklch50% .200 35

rgb211 52 2

hsl14 98% 42%

#AC2900

#AC2900

sec-3 · dark

hex#AC2900

oklch42% .165 35

rgb172 41 0

hsl14 100% 34%

#831F00

#831F00

sec-4 · darkest

hex#831F00

oklch32% .130 35

rgb131 31 0

hsl14 100% 26%

Blue

#798C9F

#798C9F

sec-1 · lightest

hex#798C9F

oklch60% .025 250

rgb121 140 159

hsl210 17% 55%

#526B83

#526B83

sec-2 · light

hex#526B83

oklch48% .040 250

rgb82 107 131

hsl209 23% 42%

#37526D

#37526D

sec-0 · primary

hex#37526D

oklch39% .050 250

rgb55 82 109

hsl210 33% 32%

#233F5A

#233F5A

sec-3 · dark

hex#233F5A

oklch32% .060 252

rgb35 63 90

hsl209 44% 25%

#112A42

#112A42

sec-4 · darkest

hex#112A42

oklch24% .060 254

rgb17 42 66

hsl209 59% 16%

Green

#D5FDD6

#D5FDD6

sec-1 · lightest

hex#D5FDD6

oklch96% .074 143

rgb213 253 214

hsl121 91% 91%

#97E072

#97E072

sec-2 · light

hex#97E072

oklch84% .166 138

rgb151 224 114

hsl100 64% 66%

#5CC524

#5CC524

sec-0 · primary

hex#5CC524

oklch74% .219 138

rgb92 197 36

hsl99 69% 46%

#2F8500

#2F8500

sec-3 · dark

hex#2F8500

oklch54% .166 138

rgb47 133 0

hsl99 100% 26%

#226100

#226100

sec-4 · darkest

hex#226100

oklch43% .137 137

rgb34 97 0

hsl99 100% 19%