Azure Harbor color palette — #E2FCF2 · #FFBAB8 · #1997D8 · #046290 · #002118

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#E2FCF2): A whisper-light, dusty teal — the color of glacier melt.
• Rose Quartz (#FFBAB8): A whisper-light, balanced orange — the color of autumn markets.
• Cerulean (#1997D8): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#046290): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#002118): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Balance. Tagged luxury, dark, cool.

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

• Cobalt Cabin color palette (#F5EBF6, #EFBC9B, #4E8CCA, #23598C, #1C121E)
• Worn Lagoon Meadow color palette (#EBFAE8, #FFBABA, #00A398, #006A63, #0E200A)
• Wandering Mustard color palette (#EAF7FF, #DAB565, #00758F, #004252, #001E2C)
• Washed Straw color palette (#E4FCEE, #FFD26F, #007792, #003442, #000B04)
• Hushed Pier color palette (#FAF3F7, #E1E1B6, #9998C9, #696793, #33272E)
• Indigo Courtyard color palette (#F5DCEC, #BBC961, #6B6AEC, #413F98, #0B072F)
• Periwinkle Quarry color palette (#FAF2FB, #EAD5D5, #B0AFA0, #50A9FF, #49394C)
• Patina Sapphire color palette (#F8EBF8, #D6974A, #1D63C6, #00347B, #070007)

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