Muted Sapphire color palette — #FFF3E7 · #9BD3FE · #3870EC · #005058 · #0C0429

Built around Sapphire, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sky (#9BD3FE): A whisper-light, balanced blue — the color of deep harbor water.
• Sapphire (#3870EC): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0C0429): 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

• Cobalt Studio color palette (#FFF2EB, #8CDAEB, #0084B8, #005345, #000B24)
• Ancient Petrol Study color palette (#FBEAE3, #73C6CE, #007291, #00402E, #000308)
• Ancient Nightshade Cabin color palette (#F7EAEE, #6EA3C7, #334FAB, #003938, #0F0028)
• Wandering Azure color palette (#D6E5E5, #8CC7F6, #5096DE, #00779D, #031C47)
• Weathered Bloom color palette (#FFF2EC, #ABF5F7, #00A2C4, #006D4A, #002136)
• Weathered Dune color palette (#FFF3E6, #DBD5E0, #8EAAFF, #008597, #362D58)
• Wandering Jade color palette (#D7E5D3, #00A978, #006F60, #003C3D, #001016)
• Airy Crimson color palette (#E1F6D6, #00A993, #E30035, #005B4E, #170001)

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