Weathered Sapphire color palette — #F7ECE5 · #95BBAA · #2C66BA · #005148 · #2C2653

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

The five colors

• Cream (#F7ECE5): bright and airy, almost weightless.
• Sage (#95BBAA): A luminous, dusty teal — the color of shallow lagoons.
• Royal Blue (#2C66BA): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005148): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2C2653): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Hazy Cabin color palette (#FFF2EA, #7FC3DD, #006DCB, #005749, #2C1C7B)
• Tempered Forest color palette (#F7ECE8, #9EBAA0, #007394, #005425, #052D5A)
• Cobalt Field color palette (#FBF4EE, #ABCEC1, #5E75B4, #00605E, #3F315D)
• Dusty Petrol Station color palette (#E2ECE4, #7DBDDB, #0071B0, #004A50, #001338)
• Sunlit Forest color palette (#FFF2EE, #B6D9B9, #008CB5, #006B33, #143F75)
• Patina Onyx color palette (#F5E5DD, #5D9AA8, #004E79, #003122, #070149)
• Tempered Emerald color palette (#EBEEE0, #59A44E, #007254, #004843, #0F2C44)
• Dusty Boulevard color palette (#E9F8DE, #ABD4B7, #8D9CE6, #456000, #00393D)

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