Worn Sapphire color palette — #E1F3F2 · #93B5D5 · #0A67C0 · #004B67 · #172C54

Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E1F3F2): bright and airy, almost weightless.
• Ash (#93B5D5): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#0A67C0): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004B67): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#172C54): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Timeworn Petrol Corridor color palette (#E1F3F0, #75BED1, #007392, #004F54, #003248)
• Sapphire Harbor color palette (#F4E4E9, #84BAE4, #3E65C1, #004A52, #150E33)
• Tempered Alley color palette (#F9ECDF, #9ACBF2, #6284CF, #006A75, #2C2654)
• Timeworn Cerulean Cabin color palette (#E9F9F7, #89DDEF, #008DAC, #006669, #00465E)
• Tempered Denim Alley color palette (#D5E5E3, #5699B6, #005073, #002E38, #001528)
• Periwinkle Lantern color palette (#F7EBEF, #AFD8FB, #8C9FEC, #009092, #34244C)
• Weathered Cypress Boulevard color palette (#EFF7F5, #CDE0F0, #5FA7A9, #307E6C, #3A5863)
• Washed Pine color palette (#D1E8E5, #00822A, #006A7A, #654700, #002523)

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