Colorsandfonts v3.0

Color and typography for Web Developers and Digital Designers.

Metal

#FEFEFE

#E2E4EB

#C4C9D6

#A3ABC0

#828DA9

#667394

#525D77

#40495D

#303646

#191C25

Cyan

#DAFCFB

#85F6F4

#11DFDC

#0EBDBA

#0C9D9A

#0A807F

#086766

#065150

#053C3C

#022020

Light Blue

#E8F9FF

#B4EDFF

#55D7FF

#00B7F0

#0098C6

#007CA3

#006583

#004F67

#003B4D

#001F29

Sky

#F3F7FF

#D9E6FF

#AFC9FF

#7FAAFF

#4E89FF

#1C67FF

#004CE6

#003CB6

#002D89

#00184A

Electric blue

#F6F6FF

#E2E2FF

#C4C4FF

#A1A1FF

#7E7EFF

#5C5CFF

#3737FF

#0000F5

#0000BD

#000070

Magenta

#FDF3FF

#FBDAFF

#F6B2FF

#F07DFF

#E734FF

#C500E0

#A000B6

#800091

#61006E

#37003F

Rosé

#FFF4F8

#FFDCEA

#FFB4D1

#FF82B3

#FF3F8A

#E4005A

#BA0049

#95003A

#71002C

#400019

Red

#FFF4F4

#FFDBDB

#FFB6B6

#FF8686

#FF4949

#E90000

#BD0000

#980000

#740000

#420000

Orange

#FFF4F0

#FFDDD0

#FFB99C

#FF8B5B

#FF4F06

#D33E00

#AB3200

#872800

#651E00

#371000

Yellow

#FEF6E1

#FDE39B

#FBC01E

#DAA104

#B58604

#946D03

#785802

#5E4502

#463401

#251B01

Light Green

#EEFAE3

#C7F1A4

#7FE030

#66BF1D

#549E18

#458214

#386810

#2C520D

#213D09

#112005

Green

#E6FBF1

#ADF4D1

#35E48F

#1AC370

#16A25E

#12844D

#0E6B3E

#0B5431

#083E24

#042113

The quickest way to wireframe your website

Make productivity a constant.

70 screens & growing built with Figma's Auto-layout. Snap the screens, add your brand style, and get full wireframe.

Check it out! ⟶