Tempered Sapphire color palette — #DFF0F6 · #4068C3 · #543357 · #251F00 · #0D0A00
Built around Royal Blue, softened by Charcoal — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#DFF0F6): a clean, paper-quiet neutral.
- Royal Blue (#4068C3): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#543357): A deep, shadowed, dusty pink — the color of neon signs at night.
- Onyx (#251F00): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#0D0A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Creativity, Sophistication. Tagged vintage, retro, muted.
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
- Weathered Petrol Pier color palette (#D9E9E7, #1F779F, #403F78, #311F00, #0C0500)
- Washed Indigo Harbor color palette (#D7E0ED, #7E59B1, #603047, #1F2B05, #060B00)
- Eclipse Market color palette (#E3EEFF, #5E4589, #5C1B44, #001917, #000303)
- Patina Garden color palette (#D7EEFF, #7385B9, #705292, #593100, #221D00)
- Frosted Study color palette (#DFEBFF, #7C80DC, #655188, #521F31, #200003)
- Worn Balcony color palette (#FFE8F4, #3696B8, #004C80, #002C2A, #01001E)
- Weathered Cocoa Canyon color palette (#EFEAFC, #AA628A, #843A2B, #023A3F, #001214)
- Patina Corridor color palette (#EBEFFF, #B37EC1, #84565B, #004631, #002216)
Browse the whole catalog at Explore, or see today's palette.