Hushed Sapphire color palette — #FAE8F7 · #3D66FF · #433B61 · #2A1427 · #000202

A conversation between Sapphire and Navy, giving this palette its sense of creativity and energy.

The five colors

• Blush (#FAE8F7): A whisper-light, dusty pink — the color of neon signs at night.
• Sapphire (#3D66FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#433B61): A deep, shadowed, dusty violet — the color of wild irises.
• Deep Indigo (#2A1427): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#000202): a grounded near-black with real depth.

Feels like: Creativity, Energy, Balance. Tagged noir, dark, luxury, vibrant.

Use it as a design system

One click turns Hushed 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

• Softworn Coast color palette (#D7F1EA, #007DD2, #353E6B, #00241D, #000201)
• Hushed Byzantium color palette (#EBDCE2, #9533FF, #553457, #2D1320, #040003)
• Deep Ultramarine Hollow color palette (#FFE6FB, #0C3AFB, #311640, #130311, #000201)
• Weathered Orchid Archive color palette (#F0EAFE, #A868FF, #754378, #482A37, #10030B)
• Timeworn Lilac Courtyard color palette (#EFDFEA, #96A0FF, #856671, #52454D, #1B161B)
• Shadow Nightshade Parlor color palette (#D1E1FB, #1D2FA6, #1F1319, #0B072A, #000107)
• Amethyst Studio color palette (#D6DEF1, #8879FF, #834BE0, #6D3492, #360D3E)
• Azure Balcony color palette (#EAE2D6, #8EC8EE, #5695DD, #007A8D, #101B44)

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