Azure Harbor color palette — #ECE0D9 · #7DCDE6 · #0E97F6 · #008066 · #171A42

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

The five colors

• Parchment (#ECE0D9): a clean, paper-quiet neutral.
• Sky (#7DCDE6): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0E97F6): A luminous, vivid blue — the color of deep harbor water.
• Teal (#008066): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#171A42): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Wandering Iris color palette (#F4ECE3, #96C5F0, #7383FF, #007C80, #28123F)
• Misty Pine Delta color palette (#EDDBD6, #7CD1CD, #00A2C5, #22822A, #00203D)
• Washed Loft color palette (#E3EEE4, #84BBCE, #007EB1, #00595A, #00203F)
• Quiet Orchard color palette (#FFF2EE, #8BEDEA, #00BDE6, #02A02A, #00345E)
• Hazy Field color palette (#FFF2EA, #C0ECFF, #80BAFF, #00A890, #39386E)
• Softworn Denim color palette (#F7E5F0, #71A5B7, #005D90, #003A34, #00042C)
• Sunlit Magenta Meadow color palette (#FFD8DE, #C65AC6, #009697, #1D7497, #220123)
• Tempered Mulberry Courtyard color palette (#FDE4E4, #FB7BCD, #03A87E, #A4007B, #002116)

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