Hazy Sapphire Cabin color palette — #D4E5D7 · #81B7E8 · #376ED9 · #00566B · #171847

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#D4E5D7): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#81B7E8): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#376ED9): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00566B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#171847): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Hazy Sapphire Cabin 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

• Tempered Cobalt Basin color palette (#D9E7DC, #6EBED6, #007EAE, #005958, #00203D)
• Cobalt Pier color palette (#F2F8E8, #A8D0F7, #337AD1, #004D6B, #000334)
• Washed Nightshade Market color palette (#F1E5E8, #7CA3C7, #334EAA, #003D45, #201543)
• Wandering Iris color palette (#F4EDE6, #9DC4E9, #718DE2, #007B8B, #220B50)
• Sunlit Azure Lagoon color palette (#E6FCEA, #66DCFF, #0097D2, #007272, #00345F)
• Wandering Lagoon Studio color palette (#EFF8F1, #BDEEFD, #6DB1BF, #488976, #2D4C5E)
• Crimson Market color palette (#FBDCDC, #D8003F, #307D00, #0052B6, #270307)
• Rose Harbor color palette (#ECDBEE, #F31461, #00877C, #97143C, #00201D)

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