Weathered Sapphire color palette — #F0F6FE · #DBD7E4 · #B6B8E0 · #3E65BD · #354052

Royal Blue and Lavender set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Silver (#DBD7E4): a clean, paper-quiet neutral.
• Lavender (#B6B8E0): A luminous, dusty violet — the color of a velvet chair.
• Royal Blue (#3E65BD): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#354052): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Softworn Coast color palette (#EEF7FB, #D5D9E8, #A2BFE2, #00778C, #2E434D)
• Worn Petrol color palette (#EBF3FC, #DDD3E9, #C2BAD5, #366BB1, #1B2633)
• Aged Ridge color palette (#F4F4FD, #E6D4E3, #C7B3D6, #81549C, #3F3E4C)
• Hushed Nightshade color palette (#EBEEF5, #C7CBDE, #9F9DB9, #424B9B, #292E38)
• Cobalt Ridge color palette (#FAF2FA, #EFD4D4, #D2BAB1, #5687CB, #463C46)
• Driftwood Delta color palette (#F6F4FA, #E0D7DB, #B5AAA1, #9E728E, #545158)
• Worn Plum color palette (#EDF3FF, #C4A0DF, #A9578A, #665C2D, #26544C)
• Weathered Aubergine Harbor color palette (#EEECF9, #ADA4BB, #8A7793, #58006B, #14121E)

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