Hazy Sapphire color palette — #F9DEF6 · #0F5EF3 · #8B004B · #3D3200 · #002B29

Royal Blue takes the lead with Wine close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F9DEF6): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#0F5EF3): A full-bodied, vivid violet — the color of a velvet chair.
• Wine (#8B004B): A full-bodied, vivid rose — the color of a warm blush.
• Espresso (#3D3200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Forest (#002B29): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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

• Muted Amethyst color palette (#E9E4FF, #8121FB, #910020, #373500, #002B2A)
• Wandering Boulevard color palette (#BDECDF, #0075C2, #920020, #2C2F00, #0A1100)
• Aged Mulberry Station color palette (#C0F5E5, #0074B5, #810073, #4B2A00, #002D16)
• Linen Byzantium color palette (#F2DAE2, #853CC0, #782900, #113800, #002333)
• Plum Lagoon color palette (#CFEDFF, #009BC0, #B1267A, #474D00, #002C20)
• Feathered Terrace color palette (#DBE4F5, #9D89EB, #8B5485, #634600, #343E04)
• Dusty Alley color palette (#FFE2E6, #900091, #582700, #0D2600, #00151C)
• Dusty Hollow color palette (#FEF4E3, #75BEFF, #2864DB, #005367, #272A66)

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