Muted Sapphire color palette — #F9EAF7 · #2962D4 · #695100 · #001D75 · #020100

Royal Blue and Navy set the tone — five colors that lean into optimism and balance.

The five colors

• Blush (#F9EAF7): A whisper-light, dusty pink — the color of a candy shop window.
• Royal Blue (#2962D4): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#695100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#001D75): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged 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

• Tempered Chapel color palette (#CAEEE4, #006FB6, #7B4600, #002D4F, #020100)
• Washed Amethyst Field color palette (#EEDCE3, #784BC4, #545A00, #37006D, #010100)
• Shadow Nightshade color palette (#D4E0F6, #3038C0, #5A3400, #110069, #0C0400)
• Twilit Nightshade color palette (#FADBF3, #283AAD, #72002F, #0B0065, #040001)
• Worn Summit color palette (#D9F8F1, #AE7500, #4855FF, #1A0717, #040003)
• Softworn Grove color palette (#F7DBF2, #BFADE9, #BB649A, #004A66, #010008)
• Timeworn Orchid Grove color palette (#F8DCE0, #B548BE, #007A53, #62006A, #000201)
• Aged Aubergine color palette (#FFE7EF, #B882F1, #488800, #61009A, #030A00)

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