Brand colors
The six defined brand colors, available as Tailwind tokens (e.g. bg-lochmara, text-astronaut).
Lochmara
#007CBA
Bahama Blue
#006293
Astronaut
#003D5C
Daintree
#00293D
Limeade
#7CBA00
Fire
#BA3E00
Grayscale
Black, white, the standard text color #222222, and the Tailwind gray shades actually used in the project.
Black
#000000
White
#FFFFFF
Ink (body text)
#222222
Gray 50
#F9FAFB
Gray 100
#F3F4F6
Gray 200
#E5E7EB
Gray 300
#D1D5DB
Gray 400
#9CA3AF
Gray 500
#6B7280
Gray 600
#4B5563
Gray 700
#374151
Gray 800
#1F2937
Sensible combinations
Tested pairings of background and text color with sufficient contrast, plus one counter-example.
Aa
Standard text
Aa
Dark surface, active navigation
Aa
Primary button
Aa
Footer, darkest point
Aa
Secondary button, muted surface
Aa
Callout, note
Aa
Secondary text (minimum)
Aa
Avoid: contrast too low for body text (only for disabled elements)