Muted Sapphire color palette — #D4E3D7 · #7EB9E3 · #0070E1 · #005767 · #121A44

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

The five colors

• Bone (#D4E3D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7EB9E3): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0070E1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#005767): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#121A44): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, 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

• Hushed Petrol color palette (#E5F2E8, #6BC0D1, #0080A7, #005A54, #002138)
• Dusty Bloom color palette (#F2F8E6, #A7D2F3, #2B7DC8, #004E66, #000B25)
• Tempered Iris color palette (#F0E1D3, #9AC6E6, #6891DD, #007C85, #1C1546)
• Denim Boulevard color palette (#F6E4EB, #52A8DD, #38519D, #003E3C, #241145)
• Tempered Market color palette (#EEF8F0, #67DDF7, #0099C9, #00736D, #003658)
• Muted Periwinkle Thicket color palette (#ECF9EE, #BDDFFF, #6699F8, #007E9C, #363B68)
• Washed Turquoise Station color palette (#CFE6E6, #00AEB7, #006E6F, #003B3C, #000A0B)
• Muted Turquoise color palette (#F1F7F2, #C8E0F7, #4CB6C4, #3A8C6F, #314C5A)

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