Tempered Sapphire color palette — #CAE7D3 · #00A4BE · #4D5EBF · #574600 · #00273C
Built around Royal Blue, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#CAE7D3): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#00A4BE): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#4D5EBF): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.
- Midnight (#00273C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro, 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
- Ancient Grove color palette (#DDF5EB, #4DB0CD, #676DC1, #5C5800, #16334A)
- Faded Grape color palette (#C5E7DE, #3B9ADE, #7950AD, #335200, #10204D)
- Soft Nightshade Market color palette (#CEEEE9, #008DB4, #5142B0, #393B00, #00172D)
- Gentle Lapis Veranda color palette (#FFF3E3, #00B3DB, #5A58CB, #553900, #001424)
- Grape Cabin color palette (#D2E6EA, #009B90, #7946A7, #603800, #002620)
- Chalky Basin color palette (#F3D4E2, #00A99C, #006FAC, #6E3700, #002A2F)
- Dusty Chestnut color palette (#DBEEEB, #7FAAC7, #807DA6, #765C04, #1F3E15)
- Feathered Cobalt Alley color palette (#F8EAF1, #A6CAE0, #188CDB, #006C66, #172861)
Browse the whole catalog at Explore, or see today's palette.