Tempered Sapphire color palette — #CFE5D3 · #9F7800 · #3066C3 · #5D4500 · #0E2751
A conversation between Royal Blue and Ochre, giving this palette its sense of trust and stability.
The five colors
- Celadon Mist (#CFE5D3): A whisper-light, dusty teal — the color of glacier melt.
- Ochre (#9F7800): A full-bodied, balanced gold — the color of old brass.
- Royal Blue (#3066C3): A full-bodied, balanced violet — the color of twilight just after sunset.
- Bronze (#5D4500): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Midnight (#0E2751): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
Use it as a design system
One click turns Tempered 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
- Denim Dune color palette (#F8D2DE, #C17C20, #005DA8, #683E00, #002950)
- Lapis Ridge color palette (#D8F8E4, #B49C24, #5A5BC1, #655600, #2E305D)
- Dusty Canyon color palette (#EADDC0, #C3A82E, #007CC1, #756200, #002B48)
- Airy Grape Grove color palette (#D3F6E5, #747100, #5E3AB6, #3D3B00, #1D0B43)
- Weathered Rust color palette (#F7D1EA, #D94400, #00778B, #812400, #002F38)
- Mulberry Field color palette (#E6E0C9, #816900, #006A7B, #712F68, #271E00)
- Worn Drift color palette (#B9EADF, #5FA321, #7D2EA8, #2C5500, #37184A)
- Hazy Moss Canyon color palette (#E3FCF3, #97AB40, #9679BE, #5F6E10, #3D3E60)
Browse the whole catalog at Explore, or see today's palette.