Hazy Sapphire color palette — #FCE8FB · #0B63E3 · #7A4F00 · #003280 · #271700

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FCE8FB): A whisper-light, dusty pink — the color of a candy shop window.
• Royal Blue (#0B63E3): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Coffee (#7A4F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#003280): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#271700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Ancient Nightshade Summit color palette (#F5DBEC, #5959D4, #625B00, #2F00A2, #1E1B00)
• Antique Grove color palette (#DBF1E9, #0074B0, #864600, #003D60, #2C1300)
• Powdered Cornflower color palette (#E5F1FF, #0787EF, #8F7000, #005398, #231900)
• Byzantium Bloom color palette (#F8DFE6, #8A48BA, #4E6200, #52007D, #161E00)
• Ultramarine Harbor color palette (#DEE8FF, #2847CB, #95030E, #004B16, #040D32)
• Aged Grape color palette (#FBDAEA, #8F5BFF, #707700, #5C00BF, #2E3100)
• Amber Hollow color palette (#FFF0FB, #899CDB, #AC8300, #4B5EAD, #523F10)
• Timeworn Lagoon color palette (#F3D4ED, #BDADFF, #B561BE, #005487, #32182B)

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