Hushed Sapphire color palette — #FFF0FD · #ABC8FF · #D7A907 · #2F6FFC · #3B2C00

A conversation between Sapphire and Gold, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#ABC8FF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Gold (#D7A907): A luminous, balanced gold — the color of old brass.
• Sapphire (#2F6FFC): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#3B2C00): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Washed Indigo color palette (#FFF0F9, #B8B6FF, #BDA907, #6E5ED7, #2E2800)
• Marigold Lagoon color palette (#D8FFF3, #95CEFF, #F89515, #0082CD, #462500)
• Ultramarine Delta color palette (#FFF0FB, #A2B3FF, #AD8700, #3F40CF, #201700)
• Quiet Veranda color palette (#FFF1F5, #E2C6FF, #A3CE54, #9D70C7, #393932)
• Washed Azure color palette (#FFF0FC, #E4DAE3, #D6B4B1, #4D9CE4, #55374B)
• Coral Harbor color palette (#DEFFEA, #47DCFB, #FF8670, #008DA5, #580F05)
• Byzantium Bloom color palette (#FFF1F5, #E0B2FF, #65CD06, #AA38E5, #163800)
• Pale Byzantium color palette (#FFF1F6, #FFD26F, #8445BD, #391F53, #110308)

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