Muted Sapphire color palette — #D4E3E9 · #00A2B2 · #266BDD · #4F5700 · #00170F

Royal Blue and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D4E3E9): a clean, paper-quiet neutral.
• Cerulean (#00A2B2): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#266BDD): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#4F5700): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#00170F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Airy Teal color palette (#D8F3F8, #00A695, #007CAC, #654D00, #021700)
• Cerulean Hollow color palette (#D8E8EF, #0088A0, #15485D, #03212D, #000203)
• Sapphire Study color palette (#DDE6F2, #266CDB, #752E98, #00412F, #000203)
• Powdered Nightshade Dune color palette (#D4E7EB, #00A695, #007EA4, #383DB1, #0E1400)
• Indigo Villa color palette (#D0E8FD, #0099DF, #7558D1, #852168, #001616)
• Feathered Mulberry color palette (#C5E5EE, #008587, #822279, #630900, #1A1000)
• Azure Bloom color palette (#DCF0FA, #00A7E8, #0082C5, #005B9E, #001E4B)
• Misty Chapel color palette (#E2F2F2, #A2C4E5, #5D94D9, #0076A2, #031950)

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