DfS
Fundamentals
UX Principles
Visual Design
Copywriting
Primitives
Breakpoints
Color
Typography
Tools
Color Contrast
Components
Button
Checkbox
Input
Toggle/Switch
Primitives
Color
A palette of compatible, accessible, and muted or vibrant colors.
Palette
#FDFDFD
#DFE4E6
#C3CBD0
#A8B2B8
#8D98A0
#727F88
#5D656A
#474B4D
#2F3132
#171717
#FFFCFA
#FFD9C7
#FFB594
#FF9261
#FF702E
#FA4F00
#C73F00
#942F00
#611F00
#2E0F00
#FFFDF8
#FFECC7
#FFDB94
#FFCA61
#FFB92E
#FAA700
#C78500
#946300
#614100
#221B0B
#F9FEF9
#D1F7D1
#A4EFA4
#79E779
#4DE04D
#25D425
#1EA91E
#167E16
#0F520F
#072707
#FAFDFF
#C7E3FF
#94C9FF
#61B0FF
#2E96FF
#007DFA
#0063C7
#004A94
#003061
#00172E
#FCFAFF
#DBC7FF
#C7A8FF
#A97AFF
#9861FF
#8542FF
#7529FF
#5A00FF
#31008A
#10002E
#FEFBFD
#F7CFE6
#EFA4CE
#E779B7
#E04DA0
#D4258A
#A91E6D
#7E1651
#520F36
#270719
#FEFBFB
#F7CFCF
#EFA4A4
#E77979
#E04D4D
#D42525
#A91E1E
#7E1616
#520F0F
#270707