colorsandfonts.

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

Teal

#E8FAFA

#D4F1F2

#CAF2F4

#A3E9EC

#75DEE3

#47D3D9

#2FC5CC

#17B8BE

#15AEB4

#13A4AB

#11939A

#108188

#0E7077

#0B5F65

#0A545A

#0F474A

Turqoise

#E9F6FA

#DAF0F7

#CBE9F4

#A6DAEC

#79C7E3

#4DB5D9

#35A6CC

#1E96BE

#1C8EB4

#1A85AB

#17779A

#146988

#125C77

#0F4E65

#0D4559

#103B49

Ocean

#EAF2FA

#DCEAF7

#CDE1F4

#A9CBED

#7DB1E3

#5297DA

#3B85CC

#2473BD

#226DB5

#2473BD

#1C5C9A

#195188

#164677

#133B65

#103459

#16314D

Blue

#EBEFFA

#DDE3F7

#CFD8F4

#ABBCED

#829AE3

#5879DA

#4265CC

#2C51BE

#294CB5

#2647AC

#223F9A

#1E3788

#1A3177

#162A65

#132559

#18264D

Indigo

#EDE9FA

#E1DBF6

#D4CCF3

#B4A7EB

#8F7BE0

#694FD6

#5438C8

#482BBD

#3B1EB1

#371DA8

#321A97

#2C1685

#261474

#201163

#1C0F58

#1B1247

Purple

#F3E7F9

#ECD7F5

#E4C7F1

#D09FE6

#B86EDA

#A13ECD

#8D26B9

#820DAF

#7A0DA6

#720C9D

#670B8C

#5C097A

#510869

#460658

#3F054C

#360B40

Violet

#F9E8F5

#F5D8EE

#F1C8E6

#E79FD5

#DA70BF

#CE40AA

#C32899

#B80F87

#AE0E7F

#A40D77

#950C69

#861D5C

#79094D

#6B083F

#510E30

#510E30

Pink

#FCE9EF

#FBDAE4

#F9CADA

#F4A3BF

#EF769E

#E9487E

#E1316A

#D91955

#CF1750

#C5154A

#B51241

#A51037

#970E2D

#880B23

#7E0A1D

#63101D

Coral

#FDE6E6

#FBD4D4

#F9C4C4

#F59999

#F06D6D

#EA4444

#E31A1A

#DA0000

#D20000

#C90000

#BB0000

#AC0000

#9F0000

#910000

#880000

#6D0A0A

Ember

#FEEEE8

#F8DDD3

#FCD6C8

#FAB8A0

#F89570

#F57141

#EF5D28

#E7531F

#DF4916

#D73F0D

#CA3B27

#BE3009

#B12907

#A42105

#9B1C04

#7A1F0E

Orange

#FFEDE1

#FFE5D0

#FFDCBF

#FFC694

#FFAD66

#FF9333

#F9841A

#F87900

#F57400

#ED6C00

#E86600

#DF5D00

#D15200

#C34600

#B43C00

#87330A

Mustard

#FFF2E1

#FFEDD0

#FFE7BF

#FFDA94

#FFC966

#FFB933

#F9AE1A

#F8A200

#F59C00

#F19500

#E88800

#DF8000

#D17100

#C36100

#B45300

#87440A

Yellow

#FFF6E1

#FFF3D0

#FFF0BF

#FFE687

#FFDF66

#FFD633

#F9CD1A

#F8C400

#F5BD00

#F1B500

#E8A600

#DF9600

#D18300

#C37500

#B46500

#87500A

Lemon

#FFF9E1

#FFF9D0

#FFF8BF

#FFF694

#FFF566

#FFF333

#F9ED1A

#F8E700

#F5DE00

#F1D500

#E8C300

#DFB100

#D19B00

#C38400

#B47600

#875C0A

Honeydew

#FBFCEC

#F8FADF

#F5F8D2

#EDF3B2

#E4ED8B

#DBE765

#CFDC4F

#C3D039

#B8C436

#ADB933

#9BA52E

#899128

#777E23

#656B1D

#595E1A

#494C1B

Lime

#F3FBED

#EBF8E1

#E3F5D4

#CFEDB5

#B6E490

#9EDB6B

#8ECF56

#7DC240

#76B73D

#6EAC3A

#639A34

#57882E

#4C7628

#406422

#39581E

#30471D

Green

#EFF8EF

#E4F3E4

#DAEFDA

#BEE4BF

#9ED79F

#7DC97F

#6ABB6B

#57AD57

#52A353

#4C9A4E

#458A46

#3D7A3E

#356A36

#2C5A2E

#274F28

#254325

Jade

#ECF9F5

#DFF5EE

#D2F1E7

#B1E7D6

#89DAC1

#62CEAD

#4DC19C

#37B38B

#2FA782

#309F7D

#2B8F70

#267E63

#216E56

#1B5D48

#185240

#1A4538

Coffee

#F0EDEA

#E7E1DC

#DDD4CD

#C3B5A9

#A68F7E

#886A53

#75553C

#624025

#5D3D23

#573921

#4E331D

#442D19

#3B2716

#322113

#2D1D10

#261A10

Cocoa

#F6F0EB

#F0E7DE

#EADDD0

#DBC3AF

#C9A686

#B7885E

#A87548

#986232

#905D2F

#88572C

#7A4E28

#6B4523

#5D3C1E

#4F3319

#452D16

#3C2A18

Mub

#F3F2EF

#EBE9E4

#E2E0DA

#CDC9BF

#B3AD9E

#9A927E

#89806B

#776E57

#716852

#6A624D

#5F5845

#544D3D

#494335

#3E392D

#373227

#2E2A22

Grey

#F8F8F9

#F1F1F1

#E5E5E4

#D6D6D5

#C0C0C0

#A6A5A5

#898989

#777777

#717171

#6A6A6A

#5F5F5F

#545454

#494949

#3E3E3E

#535051

#393C3C

Flabbergasted

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