At Sea
#C4E3DBA ethereal, teal blue that reads as both calm and architectural.
Spec Sheet
Hex#C4E3DB
RGB196, 227, 219
HSL165°, 36%, 83%
On White 1.37:1 Fail
On Black 15.36:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #E1EAE8 Text: #1E2A27 Accent: #C4E3DB Support: #A9475F Neutral: #BBC9CE 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 At Sea Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #E1EAE8;
--palette-ink: #1E2A27;
--palette-accent: #C4E3DB;
--palette-support: #A9475F;
--palette-neutral: #BBC9CE;
}Tailwind Config
{
"palette-background": "#E1EAE8",
"palette-ink": "#1E2A27",
"palette-accent": "#C4E3DB",
"palette-support": "#A9475F",
"palette-neutral": "#BBC9CE"
}Color Blindness Simulation
#E0DFDB
Protanopia#DADBDC
Deuteranopia#BDE4E0
TritanopiaBuild a design system around At Sea.