Hazy Sapphire color palette — #F5F1D7 · #998700 · #2C5AFF · #584C00 · #02054D

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

The five colors

• Cream (#F5F1D7): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#998700): A luminous, balanced green — the color of a quiet forest floor.
• Royal Blue (#2C5AFF): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#584C00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#02054D): A deep, shadowed, balanced violet — the color of wild irises.

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

• Lapis Dune color palette (#D9E3CC, #7FA523, #473CED, #3F5500, #0E014C)
• Tempered Grove color palette (#EEE2CD, #AA7E00, #0077BC, #624700, #00172B)
• Linen Corridor color palette (#DDFFE8, #E4BD28, #6683EF, #806800, #0C0F58)
• Lime Garden color palette (#F4F4D6, #77BF25, #9161DB, #355D00, #290D4A)
• Hazy Grape color palette (#F0EADA, #8A6E00, #6E27E8, #5633AC, #140D00)
• Chalky Field color palette (#DFE1D3, #2BAA37, #7C2EAD, #045610, #1C032C)
• Washed Lantern color palette (#E8ECD3, #64B75F, #A9569B, #0C5A0C, #300A2B)
• Mustard Veranda color palette (#F9F1E0, #C3B467, #9A94CA, #7D7238, #412836)

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