Cobalt Harbor color palette — #F9EEF3 · #A8CDE8 · #5A7ABD · #005C56 · #1A1E39
A conversation between Slate and Peacock, giving this palette its sense of creativity and calm.
The five colors
- Blush (#F9EEF3): a clean, paper-quiet neutral.
- Sky (#A8CDE8): A whisper-light, dusty blue — the color of open sky before noon.
- Slate (#5A7ABD): A full-bodied, balanced violet — the color of twilight just after sunset.
- Peacock (#005C56): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#1A1E39): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Hushed Cobalt color palette (#F9EEF5, #60CCE7, #0077BD, #00543F, #0F1243)
- Washed Alley color palette (#F0F7F1, #98CDEC, #467CB0, #005E69, #2A3A5B)
- Airy Forest color palette (#F9EDFA, #9FDDDA, #0091B0, #086814, #022644)
- Ancient Harbor color palette (#F6EFF3, #D7D1E6, #7E9ECC, #287A6E, #303547)
- Ancient Drift color palette (#F3E4F0, #4498A2, #005070, #002E19, #00021A)
- Amethyst Villa color palette (#D6F0E6, #9BAB3A, #7C53BA, #515C00, #220F3D)
- Ancient Ultramarine Balcony color palette (#ECDBE0, #69A3D0, #3A48B7, #00393A, #110026)
- Weathered Studio color palette (#F6E8ED, #4B7F9F, #0D12AE, #001F1E, #020008)
Browse the whole catalog at Explore, or see today's palette.