Hazy Sapphire color palette — #EFE8E0 · #8FBFAF · #4660C8 · #004B4A · #1B0934

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with creativity and calm.

The five colors

• Parchment (#EFE8E0): bright and airy, almost weightless.
• Mint Leaf (#8FBFAF): A luminous, dusty teal — the color of sea glass.
• Royal Blue (#4660C8): A full-bodied, vivid violet — the color of a velvet chair.
• Forest (#004B4A): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#1B0934): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, 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

• Gentle Boulevard color palette (#FFEFE0, #78C5F3, #265CFF, #00524E, #200249)
• Dusty Petrol Archive color palette (#F3E6E1, #7DC1C4, #007699, #004F25, #001435)
• Softworn Study color palette (#F5EDE2, #80B8E4, #3B68AA, #004D5D, #232B4E)
• Washed Forest color palette (#F9EFEC, #B3D1B2, #0089AA, #1A5E26, #2C172F)
• Cornflower Field color palette (#F8EAEF, #8CCCFB, #6781D4, #006C6A, #32244D)
• Petrol Boulevard color palette (#D5E8E1, #0071AC, #765A00, #434D0D, #000C18)
• Airy Navy color palette (#D2EDE9, #0096AE, #005B8D, #00267B, #1A0F3B)
• Navy Canyon color palette (#EADED6, #3596B8, #00488C, #002C25, #04001A)

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