Muted Sapphire color palette — #F2E7DE · #86BBD8 · #3567C1 · #004C45 · #170A38

Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F2E7DE): bright and airy, almost weightless.
• Sky (#86BBD8): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3567C1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#170A38): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Worn Petrol Orchard color palette (#F1E6E3, #73C2C9, #00759D, #004E2A, #041432)
• Feathered Veranda color palette (#F5EDE2, #6DBCE6, #1E6BAD, #004E58, #1B2C52)
• Hushed Archive color palette (#F9F0E8, #A6CCEE, #6876BD, #005B5D, #341422)
• Cerulean Boulevard color palette (#FEEEE8, #8BE0E6, #008FBD, #006636, #032350)
• Azure Chapel color palette (#F0F7F1, #D1DFFE, #3296EC, #006874, #0B1B42)
• Patina Denim color palette (#F3E4DC, #4496AC, #004D7D, #002D21, #02001C)
• Hushed Meadow color palette (#F6F1EC, #C4E8EB, #839AD5, #297976, #442F39)
• Plum Market color palette (#FFE2E1, #B22683, #006B76, #1A4C69, #1B0010)

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