Hazy Sapphire color palette — #FCF4E8 · #8ABDE9 · #1D66DA · #005366 · #23217B

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

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Sky (#8ABDE9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#1D66DA): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005366): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Royal Purple (#23217B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Softworn Courtyard color palette (#F3EEE6, #96BBAA, #006DAB, #004F55, #0E2C5A)
• Soft Indigo Boulevard color palette (#FAF0E7, #83C2F8, #525EE2, #005153, #23093C)
• Tempered Cornflower Summit color palette (#FFF1F5, #98D2FF, #637EFF, #007272, #3D1F64)
• Cobalt Study color palette (#FAF4EB, #9ED9EA, #008ABC, #006665, #11426B)
• Washed Ridge color palette (#E9FBEC, #B9DEFF, #77AAFF, #0093B2, #25296A)
• Hazy Periwinkle Terrace color palette (#D4FFFD, #57DCFE, #31A2FE, #006E53, #003D46)
• Aged Denim Market color palette (#F4EEE6, #6EACA8, #00636C, #00402D, #00242E)
• Hushed Jade color palette (#D2EADA, #00B089, #007268, #004F4F, #0E3349)

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