Muted Sapphire color palette — #EDF6FF · #7DAEFF · #0066C5 · #003C6F · #002366

A conversation between Royal Blue and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Cornflower (#7DAEFF): A luminous, balanced violet — the color of wild irises.
• Royal Blue (#0066C5): A full-bodied, vivid blue — the color of deep harbor water.
• Navy (#003C6F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002366): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.

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

• Aged Hollow color palette (#F2F5FF, #90A0FF, #5658C6, #0B2C96, #14186A)
• Worn Sky Chapel color palette (#EAF7FF, #49BAFB, #006DA1, #004460, #00293E)
• Quiet Sapphire Quarry color palette (#EFF6FF, #B9D9FF, #4FADFF, #2971E6, #002548)
• Hazy Boulevard color palette (#EFF6FF, #96C6FF, #188AF7, #0050A6, #00264C)
• Navy Harbor color palette (#F2F5FF, #B7A6E0, #7B609E, #4A3571, #352654)
• Aubergine Study color palette (#F9F2FF, #BD95FE, #7953BF, #520583, #3A075D)
• Ultramarine Lantern color palette (#F0F6FF, #809FED, #8D5600, #2643C2, #2C1700)
• Feathered Ridge color palette (#EEEDFF, #7669CB, #3A24A3, #1B0050, #0D0028)

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