Cerulean Harbor color palette — #F6F6EA · #9AF9F8 · #00A5B0 · #006B5F · #002329
A conversation between Cerulean and Sea Foam, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F6F6EA): a clean, paper-quiet neutral.
- Sea Foam (#9AF9F8): A whisper-light, balanced teal — the color of sea glass.
- Cerulean (#00A5B0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006B5F): 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, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean Harbor 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
- Turquoise Hollow color palette (#EBEDDE, #5CB0C1, #005E74, #002B2C, #000102)
- Azure Quarry color palette (#F2F8E8, #CFE9FF, #4895E6, #006586, #0A1D3D)
- Hushed Lagoon Boulevard color palette (#F6EDDF, #9BE2E0, #41B6C8, #009472, #003343)
- Petrol Balcony color palette (#E3ECE4, #8DBCC9, #007987, #004D3A, #001922)
- Marigold Thicket color palette (#FFF3E3, #DD9C00, #00A991, #835B00, #001E18)
- Washed Forest color palette (#FBEAE6, #9BBB9C, #007392, #00541F, #072E56)
- Tempered Powder color palette (#F5F6ED, #BAE2E9, #95C9EE, #629F98, #3C5446)
- Muted Petrol Chapel color palette (#EBF1DD, #70C0F3, #006BAE, #003B4C, #00020A)
Browse the whole catalog at Explore, or see today's palette.