colorsandfonts.

Color and typography resources and inspiration for Web Developers and Digital Designers.

Gray Blue

#FCFCFD

#F8F9FC

#EAECF5

#D5D9EB

#B3B8DB

#717BBC

#4E5BA6

#3E4784

#363F72

#293056

#101323

Gray Cool

#FCFCFD

#F9F9FB

#EFF1F5

#DCDFEA

#B9C0D4

#7D89B0

#5D6B98

#4A5578

#404968

#30374F

#111322

Gray Modern

#FCFCFD

#F8FAFC

#EEF2F6

#E3E8EF

#CDD5DF

#9AA4B2

#697586

#4B5565

#364152

#202939

#121926

Gray Neutral

#FCFCFD

#F9FAFB

#F3F4F6

#E5E7EB

#D2D6DB

#9DA4AE

#6C737F

#4D5761

#384250

#1F2A37

#111927

Gray Iron

#FCFCFC

#FAFAFA

#F4F4F5

#E4E4E7

#D1D1D6

#A0A0AB

#70707B

#51525C

#3F3F46

#26272B

#18181B

Gray True

#FCFCFC

#FAFAFA

#F5F5F5

#E5E5E5

#D6D6D6

#A3A3A3

#737373

#525252

#424242

#292929

#141414

Gray Warm

#FDFDFC

#FAFAF9

#F5F5F4

#E7E5E4

#D7D3D0

#A9A29D

#79716B

#57534E

#44403C

#292524

#1C1917

Moss

#FAFDF7

#F5FBEE

#E6F4D7

#CEEAB0

#ACDC79

#86CB3C

#669F2A

#4F7A21

#3F621A

#335015

#2B4212

Green Light

#FAFEF5

#F3FEE7

#E3FBCC

#D0F8AB

#A6EF67

#85E13A

#66C61C

#4CA30D

#3B7C0F

#326212

#2B5314

Green

#F6FEF9

#EDFCF2

#D3F8DF

#AAF0C4

#73E2A3

#3CCB7F

#16B364

#099250

#087443

#095C37

#084C2E

Teal

#F6FEFC

#F0FDF9

#CCFBEF

#99F6E0

#5FE9D0

#2ED3B7

#15B79E

#0E9384

#107569

#125D56

#134E48

Cyan

#F5FEFF

#ECFDFF

#CFF9FE

#A5F0FC

#67E3F9

#22CCEE

#06AED4

#088AB2

#0E7090

#155B75

#164C63

Blue Light

#F5FBFF

#F0F9FF

#E0F2FE

#B9E6FE

#7CD4FD

#36BFFA

#0BA5EC

#0086C9

#026AA2

#065986

#0B4A6F

Blue

#F5FAFF

#EFF8FF

#D1E9FF

#B2DDFF

#84CAFF

#53B1FD

#2E90FA

#1570EF

#175CD3

#1849A9

#194185

Blue Dark

#F5F8FF

#EFF4FF

#D1E0FF

#B2CCFF

#84ADFF

#528BFF

#2970FF

#155EEF

#004EEB

#0040C1

#00359E

Indigo

#F5F8FF

#EEF4FF

#E0EAFF

#C7D7FE

#A4BCFD

#8098F9

#6172F3

#444CE7

#3538CD

#2D31A6

#2D3282

Violet

#FBFAFF

#F5F3FF

#ECE9FE

#DDD6FE

#C3B5FD

#A48AFB

#875BF7

#7839EE

#6927DA

#5720B7

#491C96

Purple

#FAFAFF

#F4F3FF

#EBE9FE

#D9D6FE

#BDB4FE

#9B8AFB

#7A5AF8

#6938EF

#5925DC

#4A1FB8

#3E1C96

Fuchsia

#FEFAFF

#FDF4FF

#FBE8FF

#F6D0FE

#EEAAFD

#E478FA

#D444F1

#BA24D5

#9F1AB1

#821890

#6F1877

Pink

#FEF6FB

#FDF2FA

#FCE7F6

#FCCEEE

#FAA7E0

#F670C7

#EE46BC

#DD2590

#C11574

#9E165F

#851651

Rosé

#FFF5F6

#FFF1F3

#FFE4E8

#FECDD6

#FEA3B4

#FD6F8E

#F63D68

#E31B54

#C01048

#A11043

#89123E

Orange Dark

#FFF9F5

#FFF4ED

#FFE6D5

#FFD6AE

#FF9C66

#FF692E

#FF4405

#E62E05

#BC1B06

#97180C

#771A0D

Orange

#FEFAF5

#FEF6EE

#FDEAD7

#F9DBAF

#F7B27A

#F38744

#EF6820

#E04F16

#B93815

#932F19

#772917

Yellow

#FEFDF0

#FEFBE8

#FEF7C3

#FEEE95

#FDE272

#FAC515

#EAAA08

#CA8504

#A15C07

#854A0E

#713B12

Flabbergasted

A newsletter about tech news, tools and tips for UI Designers & Front end developers.