Cobalt Harbor color palette — #F1F5FE · #C8C893 · #6269B5 · #3A3E67 · #1C212D

Slate and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Pistachio (#C8C893): A luminous, dusty green — the color of fresh herbs.
• Slate (#6269B5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#3A3E67): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#1C212D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, 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

• Weathered Petrol color palette (#EDF7FF, #F6B19F, #2779AB, #204660, #16232E)
• Ancient Ridge color palette (#FFF0F9, #FBE3B1, #6E71A5, #333459, #160C12)
• Iris Courtyard color palette (#FDF1F9, #D7DAA5, #8392C8, #576186, #2A1D27)
• Wandering Byzantium Delta color palette (#F6F3FF, #A8C870, #9E339F, #572157, #1C172A)
• Dusty Blush color palette (#FFF0F8, #E79495, #504781, #3F2433, #251617)
• Quiet Ember color palette (#F1F5FF, #B9BEFC, #E06259, #7375CC, #2C1F2A)
• Timeworn Ash color palette (#F4F4FB, #E1D8DE, #D5BBC5, #9C84AD, #474652)
• Timeworn Harbor color palette (#F3F4FF, #A884DF, #A26800, #007355, #232738)

Browse the whole catalog at Explore, or see today's palette.