Dusty Sapphire color palette — #FAF2F9 · #F3D4E0 · #DDADCB · #3C6BEB · #3D2D3B

Sapphire and Carnation set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Shell Pink (#F3D4E0): A whisper-light, dusty rose — the color of pressed rose petals.
• Carnation (#DDADCB): A luminous, dusty pink — the color of a candy shop window.
• Sapphire (#3C6BEB): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#3D2D3B): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Energy, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Wandering Meadow color palette (#FCF2F6, #F0D7D9, #E4ADB3, #8161C4, #3E2D35)
• Hushed Cobalt Delta color palette (#EBF9F3, #E9D8E5, #DCB0BE, #0082B2, #233830)
• Ancient Balcony color palette (#F0F5FF, #CAD0F3, #A4A1CA, #434EAB, #2C3340)
• Airy Ridge color palette (#F3D6E2, #9130FF, #611146, #1F1037, #0D040C)
• Ash Courtyard color palette (#F9F3F7, #E2D8D6, #B9B3A6, #9198C3, #584F55)
• Timeworn Mulberry Quarry color palette (#F2E6E8, #D1C0BC, #C29B81, #8B3D85, #2A1A1C)
• Washed Byzantium Station color palette (#E4E9C2, #0CA1F3, #B022D0, #09560D, #1C254E)
• Hushed Station color palette (#CBF2E4, #0097D6, #985700, #00563B, #002C1D)

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