Cerulean Harbor color palette — #F5F7EA · #BCE7E1 · #00A2C4 · #00696C · #00222F
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F5F7EA): a clean, paper-quiet neutral.
- Silver (#BCE7E1): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#00A2C4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00696C): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Frosted Azure color palette (#F3F7EA, #B4EBF1, #4395EA, #006586, #021B47)
- Patina Denim color palette (#E8EBDB, #77AAC2, #005B83, #002A32, #000103)
- Ancient Turquoise Summit color palette (#F4F6EE, #BBE2F1, #64B1D6, #007D8B, #00324C)
- Worn Cobalt Harbor color palette (#F4F7EA, #A9D8C4, #0082C2, #004F60, #000D1E)
- Misty Boulevard color palette (#E3FDED, #00BDE3, #B670D3, #006F86, #280236)
- Aqua Market color palette (#99F7F6, #00CAD3, #008C9C, #004E5C, #002834)
- Patina Market color palette (#F4E3EF, #70C1D2, #0074A0, #004D3F, #001533)
- Cornflower Ridge color palette (#DEFFE4, #00A5B0, #5777EA, #377E00, #001012)
Browse the whole catalog at Explore, or see today's palette.