cedricss / elm-css-systems / Css.Systems.Colors

Tailwind color system

cedricsoulas.com/elm/css/systems#colors

Color system

black : Css.Color

hex "000000"

blue100 : Css.Color

hex "ebf8ff

blue200 : Css.Color

hex "bee3f8

blue300 : Css.Color

hex "90cdf4

blue400 : Css.Color

hex "63b3ed

blue500 : Css.Color

hex "4299e1

blue600 : Css.Color

hex "3182ce

blue700 : Css.Color

hex "2b6cb0

blue800 : Css.Color

hex "2c5282

blue900 : Css.Color

hex "2a4365

gray100 : Css.Color

hex "f7fafc

gray200 : Css.Color

hex "edf2f7

gray300 : Css.Color

hex "e2e8f0

gray400 : Css.Color

hex "cbd5e0

gray500 : Css.Color

hex "a0aec0

gray600 : Css.Color

hex "718096

gray700 : Css.Color

hex "4a5568

gray800 : Css.Color

hex "2d3748

gray900 : Css.Color

hex "1a202c

green100 : Css.Color

hex "f0fff4

green200 : Css.Color

hex "c6f6d5

green300 : Css.Color

hex "9ae6b4

green400 : Css.Color

hex "68d391

green500 : Css.Color

hex "48bb78

green600 : Css.Color

hex "38a169

green700 : Css.Color

hex "2f855a

green800 : Css.Color

hex "276749

green900 : Css.Color

hex "22543d

indigo100 : Css.Color

hex "ebf4ff

indigo200 : Css.Color

hex "c3dafe

indigo300 : Css.Color

hex "a3bffa

indigo400 : Css.Color

hex "7f9cf5

indigo500 : Css.Color

hex "667eea

indigo600 : Css.Color

hex "5a67d8

indigo700 : Css.Color

hex "4c51bf

indigo800 : Css.Color

hex "434190

indigo900 : Css.Color

hex "3c366b

orange100 : Css.Color

hex "fffaf0

orange200 : Css.Color

hex "feebc8

orange300 : Css.Color

hex "fbd38d

orange400 : Css.Color

hex "f6ad55

orange500 : Css.Color

hex "ed8936

orange600 : Css.Color

hex "dd6b20

orange700 : Css.Color

hex "c05621

orange800 : Css.Color

hex "9c4221

orange900 : Css.Color

hex "7b341e

pink100 : Css.Color

hex "fff5f7

pink200 : Css.Color

hex "fed7e2

pink300 : Css.Color

hex "fbb6ce

pink400 : Css.Color

hex "f687b3

pink500 : Css.Color

hex "ed64a6

pink600 : Css.Color

hex "d53f8c

pink700 : Css.Color

hex "b83280

pink800 : Css.Color

hex "97266d

pink900 : Css.Color

hex "702459

purple100 : Css.Color

hex "faf5ff

purple200 : Css.Color

hex "e9d8fd

purple300 : Css.Color

hex "d6bcfa

purple400 : Css.Color

hex "b794f4

purple500 : Css.Color

hex "9f7aea

purple600 : Css.Color

hex "805ad5

purple700 : Css.Color

hex "6b46c1

purple800 : Css.Color

hex "553c9a

purple900 : Css.Color

hex "44337a

red100 : Css.Color

hex "fff5f5

red200 : Css.Color

hex "fed7d7

red300 : Css.Color

hex "feb2b2

red400 : Css.Color

hex "fc8181

red500 : Css.Color

hex "f56565

red600 : Css.Color

hex "e53e3e

red700 : Css.Color

hex "c53030

red800 : Css.Color

hex "9b2c2c

red900 : Css.Color

hex "742a2a

teal100 : Css.Color

hex "e6fffa

teal200 : Css.Color

hex "b2f5ea

teal300 : Css.Color

hex "81e6d9

teal400 : Css.Color

hex "4fd1c5

teal500 : Css.Color

hex "38b2ac

teal600 : Css.Color

hex "319795

teal700 : Css.Color

hex "2c7a7b

teal800 : Css.Color

hex "285e61

teal900 : Css.Color

hex "234e52

white : Css.Color

hex "ffffff"

yellow100 : Css.Color

hex "fffff0

yellow200 : Css.Color

hex "fefcbf

yellow300 : Css.Color

hex "faf089

yellow400 : Css.Color

hex "f6e05e

yellow500 : Css.Color

hex "ecc94b

yellow600 : Css.Color

hex "d69e2e

yellow700 : Css.Color

hex "b7791f

yellow800 : Css.Color

hex "975a16

yellow900 : Css.Color

hex "744210