Hazy Sapphire color palette — #DBF7FD · #4FD472 · #00AAA8 · #006DE3 · #000E12

Built around Royal Blue, softened by Clover — the whole palette hums with nature and growth.

The five colors

• Frost (#DBF7FD): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#4FD472): A luminous, vivid green — the color of new leaves after rain.
• Turquoise (#00AAA8): A luminous, balanced teal — the color of sea glass.
• Royal Blue (#006DE3): A full-bodied, vivid blue — the color of deep harbor water.
• Ink (#000E12): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged candy, vibrant, light.

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

• Lime Study color palette (#D9F3F6, #97BF27, #00B39C, #0074B1, #001111)
• Indigo Ridge color palette (#D8F0FE, #00CBA4, #00A9D3, #705ACE, #000B1C)
• Lapis Terrace color palette (#DAECF5, #00BB91, #008CA4, #5634DB, #00080F)
• Weathered Mint Lagoon color palette (#E1FEE5, #00E485, #00CAC5, #478AD5, #00272E)
• Hushed Thicket color palette (#D4F5F2, #C9AA00, #00BA4B, #007E93, #000F07)
• Teal Lantern color palette (#E5F9FF, #00C6B0, #009DA3, #007990, #002D31)
• Hazy Aubergine Workshop color palette (#CBE8FD, #00998D, #0074BC, #6400AF, #000207)
• Glacier Hollow color palette (#E8FBEA, #88FFEB, #00E4ED, #0099BD, #001A1E)

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