Weathered Sapphire color palette — #EFF6FF · #95C1FF · #D89A38 · #006FE6 · #382300

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#95C1FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mustard (#D89A38): A luminous, balanced gold — the color of old brass.
• Royal Blue (#006FE6): A full-bodied, vivid blue — the color of open sky before noon.
• Espresso (#382300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged cool.

Use it as a design system

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

• Faded Mustard color palette (#E0F1FF, #76C8FF, #D8BA21, #0090D2, #403500)
• Aged Indigo Coast color palette (#F2F5FF, #BCB4FF, #A9B12E, #7657DE, #282B00)
• Powdered Study color palette (#EBF7FF, #60CEF7, #ED8660, #0083A5, #481400)
• Iris Balcony color palette (#F1F5FF, #CAD0FF, #C7BE69, #767AED, #3F3901)
• Cornflower Orchard color palette (#F3E3F3, #4691F3, #A37100, #17539E, #281900)
• Azure Harbor color palette (#EFF6FF, #DCD8E2, #C9B0A1, #4E9FCE, #29334D)
• Hushed Emerald color palette (#EFF6FF, #79A3FD, #DE706B, #36953A, #0A1B34)
• Pale Ultramarine color palette (#E5EFFF, #6E8DE4, #967500, #1F1DD7, #0B0700)

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