Worn Sapphire color palette — #D8F1E6 · #13ACCF · #4C63B5 · #704600 · #423B00

A conversation between Royal Blue and Cyan, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D8F1E6): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#13ACCF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#4C63B5): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#704600): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#423B00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

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

• Linen Teal Balcony color palette (#D8EBDA, #38B4A9, #2F79AB, #764138, #5A3000)
• Misty Periwinkle Lagoon color palette (#C5E6EF, #5DA6FF, #7B67A1, #5B4800, #2E3A0D)
• Airy Teal color palette (#D6EBCE, #4ABFB9, #658DB8, #7B600D, #483600)
• Cobalt Canyon color palette (#DFEEFF, #0073C9, #8F5400, #6E4B00, #002547)
• Softworn Cobalt color palette (#CEE8FF, #008BD7, #9A6200, #005382, #422700)
• Washed Sky color palette (#AFF3FF, #75B4F8, #846BA5, #406952, #22504D)
• Periwinkle Thicket color palette (#C5EAEC, #8FC8DE, #7D9EEE, #B85F63, #5F2F00)
• Airy Sapphire color palette (#FFF1F6, #67C1FF, #2B64DC, #00555C, #2F2863)

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