Hazy Sapphire color palette — #DFE7F9 · #2F5AEC · #675900 · #0B1BA1 · #201B00

Royal Blue and Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFE7F9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Royal Blue (#2F5AEC): A full-bodied, vivid violet — the color of wild irises.
• Olive (#675900): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#0B1BA1): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#201B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Frosted Harbor color palette (#DFE9FF, #5758CF, #735100, #2B0C95, #0D0600)
• Ancient Cobalt Garden color palette (#D3E8FF, #006FC2, #795000, #003A6A, #271700)
• Washed Grove color palette (#DFE4F9, #7B34EC, #695800, #411883, #211A00)
• Tempered Harbor color palette (#F8E1EF, #7774EB, #9A6A00, #4931BF, #261700)
• Lapis Garden color palette (#E4EAFF, #371AF6, #634900, #414000, #090D2D)
• Timeworn Terrace color palette (#F9E9F5, #91ABFF, #B08A03, #323BE8, #231900)
• Antique Orchid Field color palette (#E9DEFF, #AA6BFF, #567F00, #550097, #213500)
• Airy Study color palette (#E1E0F3, #B22BE1, #056D18, #46005C, #012203)

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