Muted Sapphire color palette — #F0DBEC · #3051F4 · #665200 · #0C0F80 · #020100
A conversation between Royal Blue and Indigo, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F0DBEC): A whisper-light, dusty pink — the color of a candy shop window.
- Royal Blue (#3051F4): A full-bodied, vivid violet — the color of twilight just after sunset.
- Coffee (#665200): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#0C0F80): A deep, shadowed, vivid violet — the color of wild irises.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Muted 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 Basin color palette (#EEE3EF, #0069C9, #764900, #002A58, #020100)
- Pale Amethyst Drift color palette (#E4DEFB, #801DF1, #615500, #36006E, #020100)
- Gentle Workshop color palette (#E0EBFF, #31489D, #4B3D00, #0A006C, #080500)
- Dusty Ultramarine color palette (#E2ECFF, #002CE7, #484A00, #333500, #00000A)
- Dusty Terracotta Orchard color palette (#D3E8DE, #00759A, #982300, #003041, #040000)
- Gentle Sapphire color palette (#D2EAE1, #A07D00, #215FFC, #180819, #030003)
- Byzantium Summit color palette (#FAD8DF, #AF2FD1, #226000, #3B004A, #000200)
- Ultramarine Boulevard color palette (#D8E3FB, #666CE9, #CB1D4F, #4131CB, #130003)
Browse the whole catalog at Explore, or see today's palette.