Worn Sapphire color palette — #F1E9E2 · #84B8DB · #176CEA · #00585D · #1A1745

Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#F1E9E2): a clean, paper-quiet neutral.
• Sky (#84B8DB): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#176CEA): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#00585D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#1A1745): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Dusty Cobalt Terrace color palette (#F6E6DE, #63C1D1, #007FAB, #005B49, #001F41)
• Tempered Cobalt Grove color palette (#EEF9EF, #A5D2F2, #367BCB, #004F5D, #030038)
• Softworn Market color palette (#E8DCE0, #8FC8EC, #668DEB, #007D78, #240C4C)
• Feathered Denim color palette (#D4EEEC, #59A7DB, #005A98, #003B4E, #001E45)
• Tempered Cerulean color palette (#FFF2EC, #80DBED, #0098D0, #007461, #033265)
• Aged Pier color palette (#FEF3E7, #BBE0FF, #6C95FF, #00808E, #3E3768)
• Pale Loft color palette (#FBD5CF, #D3006A, #007B67, #00646F, #28000F)
• Hushed Turquoise Study color palette (#FBF3EF, #C4E7DB, #3DB6CB, #4C8A61, #2A5142)

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