Colors
Green
50
#f4f9ec
- 100
#e8f4d9
- 200
#d1e8b2
- 300
#bbdd8c
- 400
#a4d165
- 500
#8dc63f
- 600
#719e32
- 700
#557726
- 800
#384f19
- 900
#1c280d
- 950
#0e1406
Gray
50
#F1F1F1
- 100
#E5E5E5
- 200
#CCCCCC
- 300
#B3B3B4
- 400
#9B9B9C
- 500
#818182
- 600
#6A6A6B
- 700
#555556
- 800
#404041
- 900
#242424
- 950
#151516
Slate
50
#F1F1F3
- 100
#E3E3E8
- 200
#C5C5CE
- 300
#A9A9B7
- 400
#8D8D9F
- 500
#707085
- 600
#595969
- 700
#40404C
- 800
#2A2A32
- 900
#151519
- 950
#0C0C0E
Typography
Figtree ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
~`!@#$%^&*()_+-=,./<>?:;'"\{}[] View on Google Fonts
Regular 400
The default weight. Used for body text, descriptions, etc.
Medium 500
Used for certain links and labels.
Semibold 600
Used for buttons, badges, subheadings, and certain figures.
Bold 700
Used for headings, emphasis, and active states.
Font Colors
The default text color. Used for headings and other prominent text on light backgrounds.
Used for body text or supporting text on light backgrounds.
Used for supporting text on both light and dark backgrounds.
Used for body text or supporting text on both light and dark backgrounds.
Used as an accent color for certain subheadings, text links, active/hover states, and badges on both light and dark backgrounds.
White
Used for headings, text links, and button text on dark backgrounds.