Hazy Sapphire Pier color palette — #D6EBE9 · #15C2E7 · #0092E5 · #3A5CD9 · #2F0060

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

The five colors

• Frost (#D6EBE9): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#15C2E7): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0092E5): A luminous, vivid blue — the color of deep harbor water.
• Royal Blue (#3A5CD9): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#2F0060): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged cool.

Use it as a design system

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

• Sunlit Cornflower color palette (#CCE6E9, #4FC1FF, #4887FF, #6652CC, #390046)
• Dusty Navy Basin color palette (#D0E7F1, #00ABEF, #0078C8, #004298, #0C006E)
• Cornflower Drift color palette (#DEF1F5, #13A6FA, #3876FF, #682BBD, #27002D)
• Powdered Cobalt color palette (#E8F8FF, #60C7FF, #0085D4, #003B80, #030047)
• Airy Navy color palette (#DCF6E4, #00CDBE, #00A2B5, #0071A5, #110073)
• Weathered Loft color palette (#DDF2F5, #0096BE, #005C93, #002280, #0F0035)
• Cornflower Lantern color palette (#EEDBC2, #00C0D0, #447FFF, #865D00, #002C1D)
• Airy Lagoon color palette (#D2E1EC, #91B3FF, #8F72F9, #923EAA, #44002D)

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