Muted Sapphire color palette — #FFF2EA · #4BC7F3 · #0D6DCA · #00574A · #2D2864
Built around Royal Blue, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Sky (#4BC7F3): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#0D6DCA): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Forest (#00574A): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#2D2864): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Patina Basin color palette (#FFF2EE, #1DD0D5, #00799B, #005A27, #0D335E)
- Washed Cobalt Harbor color palette (#FEF3EC, #8CD1E7, #437CB1, #11614E, #4B3043)
- Petrol Lantern color palette (#E5F6F4, #71C8EB, #007BAA, #00505C, #001C30)
- Softworn Ultramarine color palette (#FBEDE2, #52AAD1, #0051B4, #003F37, #1E1742)
- Hushed Azure color palette (#F4F7E9, #80D8FC, #0098D2, #007081, #003657)
- Aged Cerulean color palette (#FAF4EE, #BAE8D9, #7788BD, #1B6F6F, #593F4A)
- Washed Periwinkle color palette (#FFF0F9, #A5E4FF, #5AB1FF, #009892, #1B2874)
- Dusty Lagoon color palette (#EEDEDA, #00A4A2, #005266, #003309, #00142B)
Browse the whole catalog at Explore, or see today's palette.