Dusty Sapphire color palette — #E7F2E6 · #96B5D4 · #4A60B7 · #004E5A · #2F274B

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

The five colors

• Cream (#E7F2E6): bright and airy, almost weightless.
• Ash (#96B5D4): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#4A60B7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2F274B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Dusty 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

• Timeworn Grove color palette (#E6ECDC, #89B7EA, #3669BA, #004667, #071139)
• Tempered Petrol color palette (#F4ECF2, #73BFC9, #007296, #00523F, #062F53)
• Patina Terrace color palette (#FFF1F5, #8ABEE7, #1F56FD, #00545D, #312567)
• Cobalt Atelier color palette (#E5F2F1, #A2C8F1, #5786CF, #006590, #1D2B53)
• Navy Market color palette (#EBDAE2, #5D98B5, #00498C, #003030, #0C0442)
• Weathered Summit color palette (#FAF3F7, #BCE3F9, #4991C6, #047268, #3A485F)
• Cerulean Harbor color palette (#E7DDE4, #28909B, #004359, #002319, #000A18)
• Powdered Turquoise color palette (#CBFDF2, #88E2BA, #00A6C3, #736100, #003736)

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