Cerulean Harbor color palette — #F5F7EA · #B4EDE7 · #2AA0C4 · #00696F · #002231
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F5F7EA): a clean, paper-quiet neutral.
- Sea Foam (#B4EDE7): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#2AA0C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00696F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002231): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Petrol Dune color palette (#F4F6EE, #C0DEEC, #68AFD9, #007C90, #003151)
- Denim Quarry color palette (#E3E7D9, #80AD9B, #005A8A, #002A34, #000104)
- Cobalt Boulevard color palette (#F3F8E8, #AAD7C7, #1180C8, #004E63, #000C21)
- Ancient Loft color palette (#F4E4EE, #79C0D2, #0073A6, #004C42, #041531)
- Timeworn Petrol color palette (#EFEFE2, #76C6CA, #007581, #003E39, #000304)
- Antique Cerulean color palette (#F5F6EF, #C5DCE5, #A9C4F1, #43A1AE, #37554A)
- Plum Courtyard color palette (#FFF1F2, #E384CA, #009CE3, #A9008E, #001B2C)
- Garnet Alley color palette (#FFF2EA, #DAA681, #A5633F, #7B2400, #1E0E00)
Browse the whole catalog at Explore, or see today's palette.