Patina Sapphire color palette — #D6E2D8 · #93B5D6 · #406FD1 · #00566C · #17154B

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

The five colors

• Silver (#D6E2D8): bright and airy, almost weightless.
• Ash (#93B5D6): A luminous, dusty blue — the color of open sky before noon.
• Sapphire (#406FD1): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00566C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#17154B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Muted Terrace color palette (#E3EEE5, #84BBCD, #007EB0, #005959, #00203E)
• Airy Cornflower Archive color palette (#FEF4E3, #A1D1FF, #4475D9, #004E63, #08032F)
• Chalky Ultramarine color palette (#E1ECE0, #7DA3C5, #3D41C0, #003E3F, #290F43)
• Feathered Wisteria color palette (#D7E8FF, #BFC1F1, #BF8ADE, #007097, #1D2346)
• Iris Meadow color palette (#F3E8DC, #8EC6F6, #7488EF, #007C7F, #26143D)
• Tempered Azure color palette (#E9FAEC, #98D6EA, #0097D4, #007273, #003460)
• Hushed Lagoon color palette (#C7EDF8, #0096CA, #0063A6, #003E88, #0A0E51)
• Feathered Navy color palette (#E6EFFF, #6A96EF, #2B56CD, #030695, #020031)

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