Azure Harbor color palette — #FFF0F8 · #CAEBFF · #4E97D9 · #006A66 · #0E1849

Cornflower and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Frost (#CAEBFF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#4E97D9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006A66): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#0E1849): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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

• Dusty Periwinkle Drift color palette (#FFF1F6, #D8D3DE, #7CA7EA, #007E84, #282950)
• Ancient Dune color palette (#EEF9ED, #AAD0F6, #5671D7, #00505B, #10002E)
• Timeworn Petrol Corridor color palette (#F8ECE4, #84BAD1, #006BB3, #00504D, #1F2A54)
• Dusty Denim color palette (#F1E5E9, #70A8D5, #2F4F9E, #002B30, #010009)
• Turquoise Bloom color palette (#FFF0FA, #CEDDF2, #00C2E4, #1D8B5A, #003956)
• Weathered Chapel color palette (#FAE8F5, #78C4D3, #00709A, #003F33, #00020A)
• Tempered Ash Courtyard color palette (#FBF2F6, #D8D4DF, #BCBEE2, #6A9AA8, #424D65)
• Peony Alley color palette (#DEFCFF, #2DD5B3, #C84FA1, #007460, #310023)

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