Bolero
#903934A spirited, deep red shade that shifts beautifully between natural and artificial light.
Spec Sheet
Hex#903934
RGB144, 57, 52
HSL3°, 47%, 38%
On White 7.44:1 AAA
On Black 2.82:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F2EDED Text: #2F1918 Accent: #903934 Support: #6BB9BD Neutral: #D3CAC0 Rules: - Use Background for surfaces and canvas - Use Ink for body text and icons - Never use Accent as body text — contrast is too low - Maintain 4.5:1 minimum contrast for normal text
Design System from Bolero Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F2EDED;
--palette-ink: #2F1918;
--palette-accent: #903934;
--palette-support: #6BB9BD;
--palette-neutral: #D3CAC0;
}Tailwind Config
{
"palette-background": "#F2EDED",
"palette-ink": "#2F1918",
"palette-accent": "#903934",
"palette-support": "#6BB9BD",
"palette-neutral": "#D3CAC0"
}Color Blindness Simulation
#4F4933
Protanopia#655C32
Deuteranopia#9E2838
TritanopiaBuild a design system around Bolero.