Weathered Sapphire color palette — #FDF1FB · #F9D2E1 · #E0B0B1 · #4571D5 · #3C2D3A

Sapphire and Rosewood Mist set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Shell Pink (#F9D2E1): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#E0B0B1): A luminous, dusty red — the color of late-summer berries.
• Sapphire (#4571D5): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#3C2D3A): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Weathered 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 Veranda color palette (#F0F5FF, #DDD8E2, #C7BDB6, #516FF2, #16243E)
• Cobalt Cabin color palette (#E8FAF2, #EDD6E8, #DDAFBF, #0082AE, #253830)
• Ancient Pewter color palette (#F6EBEE, #EBD0CF, #CCB1A6, #81619D, #39282E)
• Worn Studio color palette (#F1F5FF, #CBD2EA, #A0A4C1, #494FA5, #293248)
• Weathered Cornflower color palette (#F7DEFA, #0F8EF7, #9D5200, #00581A, #002D09)
• Gentle Byzantium color palette (#E4DFEE, #932DFF, #582142, #2C0F1D, #0E030E)
• Patina Alley color palette (#FDF2F2, #E2DAD0, #C4C0B2, #AE8283, #514444)
• Navy Pier color palette (#EBDCE4, #B89CA1, #A07C76, #41397D, #11050C)

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