Hazy Sapphire color palette — #F6E5F5 · #2370E5 · #1B7509 · #004B41 · #001B10

Built around Royal Blue, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Blush (#F6E5F5): A whisper-light, dusty pink — the color of neon signs at night.
• Royal Blue (#2370E5): A full-bodied, vivid blue — the color of deep harbor water.
• Olive (#1B7509): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004B41): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001B10): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Energy. Tagged jewel, vibrant, cool.

Use it as a design system

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

• Airy Indigo color palette (#F2DEEA, #6866E3, #00734B, #004B4F, #00152A)
• Tempered Pine color palette (#FCF4EB, #C38E3F, #219043, #006C6A, #142C24)
• Washed Byzantium Hollow color palette (#FFE6EC, #B802F0, #006D6D, #005378, #120E35)
• Shadow Grape color palette (#F4DBE6, #6700CC, #00483B, #002C34, #050005)
• Sunlit Wisteria Boulevard color palette (#E8E4F7, #CB71C6, #918700, #007365, #070C2B)
• Hushed Moss Market color palette (#F7F7DC, #6BA400, #00838F, #005591, #361526)
• Muted Lagoon color palette (#FDF2F4, #BC8ECF, #009E9F, #316B90, #3B2D35)
• Ember Corridor color palette (#FFF2EB, #CA5F33, #6D7600, #00603A, #0D2312)

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