Cerulean Coast color palette — #F5EDE1 · #84D4D8 · #0096AF · #006E5B · #003346
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Ice Blue (#84D4D8): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0096AF): A luminous, balanced blue — the color of open sky before noon.
- Pine (#006E5B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003346): 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 Coast 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
- Timeworn Azure Field color palette (#FBF4EA, #9CE2EF, #41A2C6, #007D74, #1B4338)
- Hushed Cerulean color palette (#EBF9F6, #C7E0FA, #00A5B5, #006B62, #00232B)
- Hushed Cobalt Pier color palette (#F6EDDF, #89CCFF, #4C86D7, #00697D, #232B4C)
- Sunlit Cobalt color palette (#E9DDCC, #6EBED9, #007DB3, #00595A, #001F40)
- Petrol Workshop color palette (#F9EBE4, #9CBA9F, #00748E, #005238, #00314F)
- Airy Bloom color palette (#DBFEE5, #A3DFFF, #91B3FF, #2A8980, #153928)
- Worn Teal color palette (#DBECE6, #00AE9B, #00888E, #005761, #003747)
- Hushed Denim Veranda color palette (#EAE1D3, #509FB3, #006083, #003B3A, #000A17)
Browse the whole catalog at Explore, or see today's palette.