Hazy Sapphire color palette — #E2EEEC · #7DB76B · #006CE2 · #2A7700 · #020D1E

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

The five colors

• Cream (#E2EEEC): bright and airy, almost weightless.
• Jade (#7DB76B): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#006CE2): A full-bodied, vivid blue — the color of deep harbor water.
• Olive (#2A7700): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#020D1E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged duotone.

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

• Cornflower Parlor color palette (#EBF8F7, #81C88D, #4775F5, #008937, #0F1827)
• Sapphire Boulevard color palette (#DFF0E8, #ABAB31, #3F56FF, #686800, #040D1F)
• Amethyst Chapel color palette (#E0EFEE, #0EC376, #6950EB, #007745, #070C1E)
• Worn Cobalt color palette (#F3F7E7, #83CF92, #1A78CD, #007833, #030004)
• Weathered Harbor color palette (#DBEEED, #39AB6C, #7826CD, #006337, #020016)
• Dusty Marigold color palette (#E2EFE6, #C79F23, #00808E, #7B5F00, #001017)
• Misty Grape Bloom color palette (#CFEEEC, #009350, #5E32C1, #643600, #001413)
• Pale Emerald color palette (#E7EEDD, #00A16C, #00547E, #004E32, #00110C)

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