Cobalt Harbor color palette — #EFF6FE · #D2DFF5 · #B4BCDE · #327AC1 · #233446
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FE): a clean, paper-quiet neutral.
- Powder Blue (#D2DFF5): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#B4BCDE): A luminous, dusty violet — the color of twilight just after sunset.
- Cerulean (#327AC1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#233446): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Cobalt 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
- Muted Iris color palette (#F1F5FF, #E0D6E6, #CEB8CF, #7E7BCA, #3B3F4C)
- Muted Veranda color palette (#F9F2FA, #EAD7DA, #D7A9A5, #1280DC, #2C202D)
- Denim Harbor color palette (#EEF6FF, #CCD2E3, #A7A1C5, #005F96, #19354D)
- Aged Quarry color palette (#E6EBF6, #A0A4B4, #8482A2, #313C84, #03081A)
- Pewter Quarry color palette (#E8E7F4, #C7C0D4, #AE9DB7, #794A8A, #1F1D2C)
- Tempered Coast color palette (#DBE9FF, #5183FF, #B42176, #604100, #002C1D)
- Powdered Indigo color palette (#E4ECFF, #6355FF, #422A5D, #151539, #010716)
- Sunlit Lilac Archive color palette (#E9F0FF, #AF9CF2, #A6719B, #7D5F00, #394500)
Browse the whole catalog at Explore, or see today's palette.