Washed Sapphire color palette — #F1F5FB · #DCD9E3 · #CABDD4 · #3B72D4 · #131F2F

Built around Sapphire, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F5FB): a clean, paper-quiet neutral.
• Silver (#DCD9E3): a clean, paper-quiet neutral.
• Stone (#CABDD4): A luminous, dusty violet — the color of wild irises.
• Sapphire (#3B72D4): A full-bodied, vivid violet — the color of a velvet chair.
• Midnight (#131F2F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Cerulean Grove color palette (#EFF6FA, #D7DBE4, #BFC1DB, #008599, #0C212A)
• Washed Iris Harbor color palette (#F2F5FC, #DCD8E1, #BEB2AA, #7285CE, #282E3A)
• Worn Lapis Basin color palette (#F1F5FE, #DED6E2, #BBB7D0, #5747C1, #070B1C)
• Antique Violet color palette (#F4F4FE, #E1D7E0, #D5B9CB, #9453C1, #1D1C2F)
• Denim Lantern color palette (#EFE6EF, #D7C6CE, #B59C9F, #2B5788, #1B131B)
• Indigo Villa color palette (#DDE4FF, #765DD7, #31173D, #19111A, #020115)
• Olive Delta color palette (#E9FAF1, #B2C293, #4E8645, #155680, #141C00)
• Dusty Plum color palette (#F0F5FF, #7B8AE1, #AE2259, #453700, #00100D)

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