Biscayne Shore
#AFE4D4This steady green carries teal depth, reading as organic and grounded.
Spec Sheet
Hex#AFE4D4
RGB175, 228, 212
HSL162°, 50%, 79%
On White 1.41:1 Fail
On Black 14.87:1 AAA
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #EAF0EE Text: #23342F Accent: #AFE4D4 Support: #9E6B7A Neutral: #C1D3D7 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 Biscayne Shore Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #EAF0EE;
--palette-ink: #23342F;
--palette-accent: #AFE4D4;
--palette-support: #9E6B7A;
--palette-neutral: #C1D3D7;
}Tailwind Config
{
"palette-background": "#EAF0EE",
"palette-ink": "#23342F",
"palette-accent": "#AFE4D4",
"palette-support": "#9E6B7A",
"palette-neutral": "#C1D3D7"
}Color Blindness Simulation
#E0DDD3
Protanopia#D6D6D5
Deuteranopia#A2E5DF
TritanopiaBuild a design system around Biscayne Shore.