Worn Sapphire color palette — #E9FAED · #7CC0EF · #006BD1 · #005462 · #1D2A6E
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E9FAED): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#7CC0EF): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006BD1): A full-bodied, vivid blue — the color of open sky before noon.
- Peacock (#005462): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#1D2A6E): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Petrol Canyon color palette (#E8F1EA, #81BBD1, #006FA3, #004F52, #142F4E)
- Sapphire Lantern color palette (#FFECF3, #6BC6FF, #4669D1, #00524F, #1F0C3E)
- Washed Balcony color palette (#EEF8F0, #8EDCEE, #008CB5, #006761, #194361)
- Ultramarine Archive color palette (#E6F0E8, #6EA4D4, #154FB4, #003C4B, #171A42)
- Hushed Cornflower color palette (#FFF3E8, #93D3FF, #6285EE, #007270, #3A2263)
- Airy Periwinkle Coast color palette (#F2F8E7, #B6DFFF, #5EB0FF, #0091BC, #002F6E)
- Cerulean Hollow color palette (#E6F2E8, #24A0B0, #005267, #00302B, #001624)
- Timeworn Turquoise Lantern color palette (#F1F7F2, #CEE1F3, #4EA8B3, #4A7A66, #3C5765)
Browse the whole catalog at Explore, or see today's palette.