Cerulean Harbor color palette — #FEF1FB · #9FDAE3 · #008BB9 · #006953 · #16416D
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FEF1FB): a clean, paper-quiet neutral.
- Ice Blue (#9FDAE3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#008BB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006953): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#16416D): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Quiet Balcony color palette (#FEF1FA, #70C6DB, #0076A8, #00574A, #002F6E)
- Faded Cornflower color palette (#FFF1F6, #9DD6FF, #3E78EB, #00656D, #3B3A65)
- Timeworn Thicket color palette (#F2F4E3, #87E0EE, #0092AD, #006262, #002A37)
- Turquoise Atelier color palette (#EAF9F6, #82EEFF, #00ADCD, #008283, #08475A)
- Magenta Ridge color palette (#EBE8FF, #C266D6, #3B7100, #006E76, #3F2445)
- Muted Navy color palette (#F0DFE5, #5887A3, #003880, #002224, #07002A)
- Ultramarine Bloom color palette (#ECDFE3, #76A5C6, #0B49C4, #003D42, #1C1449)
- Apricot Veranda color palette (#F6F3FF, #F4D6CC, #FFA966, #7E5EB2, #4E3C5B)
Browse the whole catalog at Explore, or see today's palette.