Cobalt Harbor color palette — #EAF2FF · #5571C5 · #7B5600 · #513700 · #001619

Sapphire and Coffee set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#EAF2FF): a clean, paper-quiet neutral.
• Sapphire (#5571C5): A full-bodied, balanced violet — the color of twilight just after sunset.
• Coffee (#7B5600): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#513700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001619): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Optimism, Creativity, Balance. Tagged jewel, vibrant, 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

• Cobalt Station color palette (#E9F3FF, #3F7DD0, #8D4453, #672B0F, #001718)
• Washed Indigo color palette (#FFF1F6, #876CB5, #864E1D, #613202, #202D1D)
• Wandering Summit color palette (#EDF1FF, #8E78E7, #8A5727, #314A0A, #002615)
• Faded Indigo Terrace color palette (#EDF1FF, #7E67D1, #506B00, #134D1F, #001821)
• Periwinkle Field color palette (#FFF0FB, #7397E6, #B26635, #586616, #192D20)
• Powdered Amethyst color palette (#E7ECFF, #7C12F2, #584800, #3B2F00, #000A0D)
• Tempered Archive color palette (#D6FBF4, #7F96EE, #8D5289, #26512D, #1E2135)
• Tempered Pewter color palette (#EEF2F9, #DCD5DF, #C4B9C2, #6C7299, #282C36)

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