Hazy Sapphire color palette — #FFF3E8 · #78C2E9 · #006CD0 · #005557 · #26286C

A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Sky (#78C2E9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#006CD0): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#26286C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Worn Cabin color palette (#FFF2EC, #75C7D1, #00799D, #005843, #00345E)
• Hazy Cobalt color palette (#DCF9F7, #61C8FE, #0078B8, #004F61, #001A36)
• Dusty Cobalt Loft color palette (#FBF4EE, #A8CFBD, #257CC6, #00605D, #4D2F47)
• Azure Pier color palette (#F3F7E9, #8CD5FF, #0094E2, #006E88, #05345E)
• Airy Ultramarine Balcony color palette (#F7EEE5, #76A5C5, #004BC2, #003D42, #1B1744)
• Frosted Veranda color palette (#ECF7FF, #B5C6FF, #D77DE1, #006B71, #263B67)
• Faded Harbor color palette (#E5F0FF, #4A9CFF, #005892, #003059, #001B3A)
• Periwinkle Field color palette (#E8FBEB, #AFE2FF, #5CB0FF, #0095A6, #142D6B)

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