Hazy Sapphire color palette — #E7EFFF · #495AD5 · #635400 · #190085 · #020100

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

The five colors

• Frost (#E7EFFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Royal Blue (#495AD5): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#635400): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#190085): A deep, shadowed, vivid violet — the color of a velvet chair.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Sapphire Parlor color palette (#E6F1FF, #0069C8, #734B00, #002A57, #020100)
• Patina Amethyst color palette (#E6E7FF, #804CB6, #485E00, #3D0065, #010100)
• Nightshade Ridge color palette (#EDDFE9, #3138BF, #493E00, #110069, #080600)
• Lapis Boulevard color palette (#ECEEFC, #462FCA, #7B2500, #003C24, #01000A)
• Ultramarine Ridge color palette (#D4DFF2, #5377DB, #837000, #1D00F7, #080600)
• Sunlit Aubergine color palette (#EDECFF, #C67DE2, #4F8700, #6B0088, #030A00)
• Sunlit Navy Chapel color palette (#D9DEFC, #C3A5EF, #AD729F, #00397C, #020008)
• Faded Terrace color palette (#F2EAFF, #C341A6, #007B4D, #690057, #000201)

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