Cerulean Harbor color palette — #EEF8F6 · #B2E6F8 · #5096A4 · #286F6A · #304C5A
Storm Blue and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF8F6): a clean, paper-quiet neutral.
- Powder Blue (#B2E6F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Storm Blue (#5096A4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#286F6A): A full-bodied, dusty teal — the color of sea glass.
- Charcoal (#304C5A): A full-bodied, 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
- Ash Cabin color palette (#EDF8F7, #D6DBEC, #799EBD, #4A758C, #445466)
- Cypress Thicket color palette (#EDF4EE, #C6E2EC, #5A98A9, #006E5E, #0E2F44)
- Timeworn Cerulean Veranda color palette (#D5EFEB, #18A0B8, #005267, #002F32, #001722)
- Cerulean Station color palette (#EDF8F6, #8BD1E8, #0883AD, #005E68, #163F57)
- Softworn Market color palette (#FAF2F9, #CFE3FC, #7FC8EE, #60AB7E, #354964)
- Softworn Periwinkle color palette (#EFF6FF, #719BFC, #349E7C, #4863A2, #174B4E)
- Iris Loft color palette (#F1F5FF, #737BE7, #AB5B8D, #007686, #2E384D)
- Aged Periwinkle Courtyard color palette (#D1EAFF, #61ADFE, #4E79C3, #3F5385, #433C5B)
Browse the whole catalog at Explore, or see today's palette.