Cerulean Harbor color palette — #F0F7F3 · #B0E7EC · #3A93AB · #2C4F3C · #131E18
Built around Cerulean, softened by Sea Foam — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Sea Foam (#B0E7EC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3A93AB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#2C4F3C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#131E18): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Ancient Cerulean Villa color palette (#FAF2FA, #C1E8F7, #6588B8, #523F52, #201820)
- Worn Study color palette (#EEF8F4, #FFD2C6, #73A5C9, #5B736B, #232E2A)
- Washed Archive color palette (#E9F3FA, #D6C195, #33697F, #1B3443, #0B151B)
- Lilac Loft color palette (#F8F3F8, #DCDDE7, #B09FF8, #6F9DD4, #261A20)
- Wandering Grove color palette (#E1FCF4, #94F0B4, #0070B0, #003151, #000A07)
- Washed Pewter Dune color palette (#FEF1F6, #F1D6C3, #8168A4, #4F2C3B, #170C10)
- Aqua Ridge color palette (#F0F8EE, #61D1CA, #B6824A, #707433, #24281A)
- Pine Ridge color palette (#DCEEE5, #378F48, #001F2C, #030B0B, #000103)
Browse the whole catalog at Explore, or see today's palette.