Hazy Sapphire color palette — #D3F7EA · #3A9100 · #3C50FF · #1C011A · #050004

Built around Iris, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D3F7EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#3A9100): A full-bodied, vivid green — the color of new leaves after rain.
• Iris (#3C50FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#1C011A): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, 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 Amethyst Summit color palette (#C9F0EA, #009251, #7C28FC, #210211, #050003)
• Linen Lapis color palette (#D2E9D4, #A87800, #5E4CFF, #100518, #00000A)
• Chalky Grape color palette (#E2EADB, #0DA371, #8100B4, #11001C, #060002)
• Patina Bronze color palette (#D9F0E1, #8D7A00, #007B96, #070E16, #000201)
• Worn Byzantium color palette (#DDE6D1, #00BDB6, #A62DE8, #230D31, #0A0305)
• Aubergine Terrace color palette (#F2D7E7, #2E8B20, #29007B, #050020, #060003)
• Ancient Corridor color palette (#D9EDCD, #00D2BF, #9C64E4, #312246, #1D0A13)
• Washed Coast color palette (#EFDDE6, #765BD4, #633A00, #3F0091, #040100)

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