Google Fonts

Input colors and see this page change

Randomize button will generate a random palette


200 is lighter than 500

500 is a rich mid-tone

700 is darker than 500

Typography

Nunito

300

Aa

Light

400

Aa

Regular

500

Aa

Medium

700

Aa

Bold

900

Aa

Black

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum rem maiores corporis facilis dolore, ut fugiat unde deserunt maxime. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Velit, deleniti?

Palette

#254643
Background
#316d69
Surface
#498884
Border
#f5efc6
Primary 200
#e7d76f
Primary 500
#dbca57
Primary 700
#c6e6f5
Secondary 200
#6fbfe7
Secondary 500
#57afdb
Secondary 700
#cbd0e6
On Surface
#1a1b26
On Primary
#1a1b26
On Secondary

Accessibility

Text on Surface

Aa

: 1
Aa
Primary on Surface

Aa

: 1
Aa
Secondary on Surface

Aa

: 1
Aa
Text on Primary

Aa

: 1
Aa
Text on Secondary

Aa

: 1
Aa

Graphic