Azure Harbor color palette — #DFF1EF · #42A1C6 · #7271B5 · #6B5600 · #291F00

Cyan takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#DFF1EF): a clean, paper-quiet neutral.
• Cyan (#42A1C6): A luminous, balanced blue — the color of deep harbor water.
• Slate (#7271B5): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#6B5600): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#291F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

Use it as a design system

One click turns Azure 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

• Violet Quarry color palette (#C4EFFB, #6F91C6, #9356A6, #555E2A, #131F00)
• Wandering Petrol color palette (#E0F0D0, #63A894, #1E7EA6, #813B2B, #331B00)
• Tempered Cerulean Atelier color palette (#F4E3DB, #64C1C5, #0091B2, #00704D, #001526)
• Tempered Hollow color palette (#E5EBFF, #B88DD1, #AD6F83, #3E735A, #00301E)
• Cobalt Workshop color palette (#DAEDFB, #5685CB, #555DA0, #622B53, #400522)
• Tempered Ultramarine color palette (#EFE0EE, #3B89FF, #997C00, #005ACD, #150F00)
• Sunlit Lilac Quarry color palette (#E0F1F2, #83C5FD, #9B90FA, #8E8022, #42420D)
• Timeworn Azure color palette (#D2F0FF, #469EE6, #455B8E, #472845, #1B000F)

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