Cobalt Harbor color palette — #F7EBF0 · #A3CAE7 · #6485C6 · #006D65 · #2F2552
Built around Slate Blue, softened by Teal — the whole palette hums with creativity and calm.
The five colors
- Blush (#F7EBF0): a clean, paper-quiet neutral.
- Sky (#A3CAE7): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#6485C6): A luminous, balanced violet — the color of wild irises.
- Teal (#006D65): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#2F2552): 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
- Pale Cornflower Study color palette (#FFF0F7, #7DD8FF, #378BF5, #007465, #2F2270)
- Pine Terrace color palette (#F5EAF6, #92D2D0, #0095B8, #007224, #0B2F51)
- Petrol Courtyard color palette (#F4EEE4, #89B8D4, #2B6BA8, #004E58, #1A2B54)
- Powdered Periwinkle color palette (#E8F1EA, #AADBF8, #50A9FF, #008EA0, #1D2C4F)
- Muted Pine color palette (#FEF0FD, #B1E4F7, #35A8DB, #00884F, #203E71)
- Ancient Powder color palette (#FBF2F5, #DADEED, #9FB0DA, #58928F, #4D516A)
- Feathered Raspberry color palette (#FFDFE6, #D3537B, #008D86, #006E85, #380E1C)
- Quiet Petrol color palette (#F5E6EF, #70ACBD, #006AAD, #004C3A, #0C0245)
Browse the whole catalog at Explore, or see today's palette.