Dover Cliffs
#F4F4EEThe purest white in the range, inspired by the iconic chalk cliffs. Cool and bright with a barely-there warm cast.
Spec Sheet
Hex#F4F4EE
RGB244, 244, 238
HSL60°, 21%, 95%
On White 1.1:1 Fail
On Black 19.02:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F1F1EE Text: #31311C Accent: #F4F4EE Support: #6868BB Neutral: #BAC8AC 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 Dover Cliffs Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F1F1EE;
--palette-ink: #31311C;
--palette-accent: #F4F4EE;
--palette-support: #6868BB;
--palette-neutral: #BAC8AC;
}Tailwind Config
{
"palette-background": "#F1F1EE",
"palette-ink": "#31311C",
"palette-accent": "#F4F4EE",
"palette-support": "#6868BB",
"palette-neutral": "#BAC8AC"
}Color Blindness Simulation
#F5F3EE
Protanopia#F5F4EE
Deuteranopia#F5F3F2
TritanopiaBuild a design system around Dover Cliffs.