Tempered Sapphire color palette — #FDDBFD · #006BD3 · #6E3F00 · #353500 · #0D2509
A conversation between Royal Blue and Bronze, giving this palette its sense of nature and growth.
The five colors
- Thistle (#FDDBFD): A whisper-light, dusty pink — the color of peonies in June.
- Royal Blue (#006BD3): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Bronze (#6E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#353500): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#0D2509): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged warm.
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
- Softworn Basin color palette (#ECDBEC, #1966C2, #693800, #003539, #031C29)
- Hazy Lapis Harbor color palette (#FFDCF4, #5546FE, #564C00, #2A3900, #00261F)
- Hushed Petrol color palette (#D0F1E4, #0077A8, #753900, #4B2900, #1E2201)
- Weathered Plum color palette (#FEDCF5, #667EFE, #BC006E, #604100, #002C1B)
- Antique Sapphire Atelier color palette (#D2E1FD, #4C5EE8, #8D0046, #372A00, #00120F)
- Gentle Violet Basin color palette (#FFECF1, #935BB1, #396100, #00462F, #002C2D)
- Nightshade Alley color palette (#FCE6F2, #4824AF, #372700, #001527, #070019)
- Quiet Mulberry Pier color palette (#DFEDD4, #008168, #7E017B, #283A00, #002C1D)
Browse the whole catalog at Explore, or see today's palette.