Hazy Sapphire color palette — #FFF2EC · #FF8675 · #B79B19 · #056AC2 · #3D150F

A conversation between Royal Blue and Salmon, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Salmon (#FF8675): A luminous, balanced orange — the color of toasted spice.
• Mustard (#B79B19): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#056AC2): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#3D150F): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Linen Cobalt Canyon color palette (#FFF4DE, #FF9EC2, #DD9419, #1E71D0, #522724)
• Powdered Marigold Market color palette (#FFF3E3, #DA9B00, #7CA63F, #0074AF, #371D0C)
• Fuchsia Delta color palette (#FFF1F1, #FF7CC7, #BA9200, #0085A1, #3D1919)
• Amber Courtyard color palette (#FFF2EA, #FF9158, #E57100, #00898F, #361122)
• Hazy Emerald color palette (#FFF2EC, #FF8375, #00A84C, #7A63B8, #311A0F)
• Tempered Byzantium Orchard color palette (#FFE9C8, #CD9600, #009984, #A900AD, #211500)
• Blush Thicket color palette (#FFF2EE, #FF6F8C, #008A49, #005F78, #1F0A2A)
• Frosted Canyon color palette (#FFF1F1, #FF9ED9, #00A86D, #6E62CE, #2D265F)

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