Hazy Sapphire color palette — #E0EFEB · #89B556 · #0071D1 · #497100 · #000D21

Royal Blue and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E0EFEB): bright and airy, almost weightless.
• Jade (#89B556): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#0071D1): A full-bodied, vivid blue — the color of open sky before noon.
• Olive (#497100): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#000D21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Hazy Lime color palette (#F6F6E9, #8FD064, #007EBB, #3C7400, #000201)
• Hazy Olive Delta color palette (#E8FAF7, #94C38C, #7477C3, #3E8432, #11172A)
• Gentle Mustard color palette (#DFF0E5, #B8A540, #007F95, #736300, #001018)
• Soft Ultramarine color palette (#CFE9E8, #35AB6C, #3553C4, #006337, #010019)
• Frosted Violet color palette (#DDEFF0, #0FC289, #8953BB, #007652, #0B0A1F)
• Worn Mint color palette (#DCF0EF, #59D98C, #00A5C9, #00A259, #000F19)
• Nightshade Study color palette (#CBE9E1, #739E25, #5849AE, #5A3C00, #2C1B00)
• Softworn Thicket color palette (#E9EDE2, #429D66, #00586D, #004F28, #001016)

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