Muted Sapphire color palette — #ECF3FF · #3F67FF · #654800 · #1D2A00 · #010200

Sapphire takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF3FF): bright and airy, almost weightless.
• Sapphire (#3F67FF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Bronze (#654800): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#1D2A00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#010200): 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

• Twilit Lapis color palette (#E4EDFF, #433AFF, #543400, #001B10, #000201)
• Wandering Cobalt Thicket color palette (#E8F4FF, #0082C1, #7B3700, #232800, #010200)
• Gentle Villa color palette (#F2F5FF, #9B81FF, #806800, #004B38, #00170F)
• Lowlit Grape color palette (#DEE2FD, #7700DE, #522200, #240419, #01000A)
• Magenta Balcony color palette (#F3F0FF, #B92FC7, #005E27, #002D1C, #000202)
• Weathered Cobalt Drift color palette (#FDF1FA, #77DDEE, #0083BC, #005437, #02062F)
• Grape Thicket color palette (#E9E8FB, #7A00AE, #273000, #24242A, #000A0A)
• Orchid Harbor color palette (#FFE6EE, #B363ED, #B44477, #8A2F00, #001227)

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