Cerulean Garden color palette — #F6F7E5 · #8EFBFA · #00A5B0 · #006B5E · #002329
A conversation between Cerulean and Sea Foam, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6F7E5): A whisper-light, dusty green — the color of new leaves after rain.
- Sea Foam (#8EFBFA): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#00A5B0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006B5E): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002329): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Garden into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Dusty Turquoise Corridor color palette (#ECEEE0, #31B4CB, #005E74, #002B2D, #000103)
- Weathered Lagoon color palette (#F3F8E9, #CFE9FF, #4395EB, #006586, #0A1D3E)
- Muted Lagoon Bloom color palette (#F6EDE0, #98E3E2, #44B6C8, #009473, #003343)
- Cerulean Pier color palette (#F4F7EB, #76DCF8, #0086AC, #005057, #000F19)
- Linen Quarry color palette (#F5F8DE, #5EC551, #009CE2, #1B780B, #001B2B)
- Timeworn Market color palette (#F9EBE7, #82BEBE, #007392, #005421, #042E59)
- Feathered Emerald color palette (#EFFCD1, #00AE63, #0090B0, #846600, #001106)
- Antique Powder Workshop color palette (#F5F6EE, #B9E3EB, #99C7EA, #819A7C, #3D5346)
Browse the whole catalog at Explore, or see today's palette.