Hazy Sapphire color palette — #F5EED5 · #A3A822 · #006BCC · #4F5200 · #000717

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

The five colors

• Cream (#F5EED5): A whisper-light, dusty green — the color of fresh herbs.
• Moss (#A3A822): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#006BCC): A full-bodied, vivid blue — the color of open sky before noon.
• Deep Olive (#4F5200): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#000717): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Hushed Sapphire color palette (#F0F1D3, #63A730, #3D67FF, #2D5B00, #01002A)
• Amber Pier color palette (#FFEAD7, #E48522, #0072B3, #733E00, #000813)
• Indigo Quarry color palette (#ECE7D3, #CDAD2D, #576EE7, #866E00, #0D1246)
• Byzantium Coast color palette (#EBF2D5, #27BD61, #9F03D7, #005E2A, #100019)
• Grape Chapel color palette (#E7F3EA, #886800, #5C38BC, #493600, #1D054B)
• Byzantium Alley color palette (#E8E0CE, #927D00, #9C00C3, #463B00, #030005)
• Softworn Moss color palette (#F4E3C6, #95A341, #775B00, #4F2400, #000600)
• Linen Lantern color palette (#F7F9CF, #7ADF29, #A574F9, #397400, #280051)

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