Azure Harbor color palette — #F2FEAE · #8CE1D3 · #5C9FDD · #804F00 · #412600

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

The five colors

• Butter (#F2FEAE): A whisper-light, balanced green — the color of a quiet forest floor.
• Lagoon (#8CE1D3): A whisper-light, balanced teal — the color of shallow lagoons.
• Cornflower (#5C9FDD): A luminous, balanced blue — the color of deep harbor water.
• Coffee (#804F00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#412600): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Hushed Ridge color palette (#DFFFE2, #7FD5DF, #6E86D5, #5F5C00, #383600)
• Terracotta Meadow color palette (#FFF4E1, #9ED59D, #00A2A9, #903B00, #531F00)
• Patina Olive color palette (#DFFFE3, #ADF3F8, #8FA5CF, #6C7120, #414410)
• Feathered Atelier color palette (#D3EAD2, #00B5B5, #5D70AC, #793A11, #4B3300)
• Aged Periwinkle Chapel color palette (#CBEFE6, #51CBE6, #41A6F4, #B1627B, #6D2608)
• Misty Parlor color palette (#D9EFEB, #19A3BC, #226CA3, #6C3445, #3F0E02)
• Fern Cabin color palette (#DCFEF5, #83D7BA, #008F99, #3C6600, #00251B)
• Worn Parlor color palette (#BDE9FE, #7CA7BC, #4680A0, #4A3F00, #001B0F)

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