Hazy Sapphire color palette — #F7EAF4 · #425EE2 · #706000 · #004E47 · #04082B

A conversation between Royal Blue and Olive, giving this palette its sense of nature and growth.

The five colors

• Blush (#F7EAF4): bright and airy, almost weightless.
• Royal Blue (#425EE2): A full-bodied, vivid violet — the color of wild irises.
• Olive (#706000): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004E47): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#04082B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Sunlit Amethyst color palette (#FFE6F4, #6E47EA, #7F5800, #593C00, #1D0213)
• Airy Byzantium Atelier color palette (#ECECFF, #934BC0, #6E6000, #004426, #020005)
• Ancient Violet color palette (#FEE4EF, #9054F6, #00611C, #004869, #110426)
• Weathered Byzantium Station color palette (#FEE1E9, #8D0EC7, #5B4C00, #003A3A, #0F001B)
• Ancient Chestnut Loft color palette (#D4F2DE, #007C90, #8A5100, #005034, #001206)
• Frosted Byzantium Hollow color palette (#F7D8DF, #A422C7, #00715A, #004F3D, #190220)
• Tempered Villa color palette (#E6E7F7, #BD76FF, #417E02, #006448, #150225)
• Peony Lagoon color palette (#FFDADB, #F63FC4, #537200, #006470, #340F29)

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