Wandering Azure Harbor color palette — #FFF2EC · #A8E8F1 · #20A7E6 · #0E8758 · #283E6D

A conversation between Cornflower and Fern, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sea Foam (#A8E8F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#20A7E6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#0E8758): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#283E6D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.

Use it as a design system

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

• Feathered Azure Loft color palette (#FFF2EC, #79DBF3, #0093E4, #007558, #222C66)
• Dusty Field color palette (#FCF3EC, #B8E1FF, #7D97E7, #008281, #453663)
• Aged Lagoon Orchard color palette (#FCF3F1, #C3E9DD, #6EB0C6, #58885B, #553E58)
• Soft Bloom color palette (#FAF4EB, #AAF3FF, #26C8F8, #00A798, #0F4462)
• Softworn Amber color palette (#BCF7FF, #00AFBF, #D76F00, #947000, #00383D)
• Pale Cerulean Summit color palette (#E8F8FF, #71D3FF, #0091C5, #006176, #002B39)
• Linen Mint color palette (#99F6C8, #00D0BA, #00A2A9, #00739B, #1F427D)
• Washed Cobalt color palette (#F2EAE2, #87B7DC, #5A70B8, #005959, #260F45)

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