Cobalt Harbor color palette — #EEF6FF · #3C82D6 · #896C29 · #674F14 · #263444

Azure and Walnut set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Azure (#3C82D6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Walnut (#896C29): A full-bodied, balanced gold — the color of honey in a jar.
• Coffee (#674F14): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#263444): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Sunlit Orchard color palette (#F2F5FF, #7C6EDA, #6D782E, #505824, #2D3244)
• Hushed Grove color palette (#EEF6FF, #3074BD, #785A00, #26502C, #132C2B)
• Wandering Cobalt color palette (#EBF2FF, #6E83C3, #956B41, #754506, #0E192F)
• Aged Orchard color palette (#E8F8FF, #00929F, #A35A42, #79412F, #21363E)
• Muted Periwinkle color palette (#FFEFFF, #6DA0E6, #AC894D, #886933, #3E2B3F)
• Misty Iris Balcony color palette (#D7FFF6, #7F90E6, #8E5086, #1F5B39, #383B51)
• Wandering Pewter color palette (#F2F5FD, #DFD8E2, #CBBAC6, #667396, #444751)
• Lapis Meadow color palette (#DFE2FF, #5C2CFF, #675800, #473D00, #1A1746)

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