Tempered Sapphire color palette — #FDE8F8 · #3B56E6 · #585900 · #120087 · #010100
Built around Royal Blue, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Blush (#FDE8F8): A whisper-light, dusty pink — the color of a candy shop window.
- Royal Blue (#3B56E6): A full-bodied, vivid violet — the color of a velvet chair.
- Olive (#585900): A full-bodied, balanced green — the color of fresh herbs.
- Indigo (#120087): A deep, shadowed, vivid violet — the color of a velvet chair.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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
- Sapphire Bloom color palette (#E9DEE8, #2563D3, #853D00, #00226D, #030100)
- Deep Nightshade color palette (#D7DFFA, #4E37AA, #513A00, #21005F, #0A0500)
- Antique Violet Cabin color palette (#F4D9E2, #9454C7, #2E5E00, #360054, #000200)
- Ancient Meadow color palette (#E2EBFF, #6961FF, #807200, #4538BD, #070600)
- Dusty Grove color palette (#F5E4F7, #005698, #424C00, #003E0C, #000104)
- Chalky Market color palette (#FFE6F0, #A375EA, #00906D, #6314AB, #000A06)
- Wandering Rose Cabin color palette (#F6D2EB, #CF97E0, #D35C74, #005168, #040002)
- Ancient Magenta color palette (#FFE0E3, #C72FB9, #007868, #67005F, #000201)
Browse the whole catalog at Explore, or see today's palette.