Tempered Sapphire color palette — #F4E3F3 · #2469F0 · #984E0A · #474700 · #190918
A conversation between Royal Blue and Ochre, giving this palette its sense of nature and growth.
The five colors
- Blush (#F4E3F3): A whisper-light, dusty pink — the color of peonies in June.
- Royal Blue (#2469F0): A full-bodied, vivid violet — the color of twilight just after sunset.
- Ochre (#984E0A): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#474700): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#190918): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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
- Violet Garden color palette (#FCE0ED, #7F55D8, #805E00, #20501D, #1D0813)
- Gentle Lapis color palette (#FFEBF7, #5353CE, #814200, #283D00, #001006)
- Washed Cobalt Coast color palette (#D0F2E7, #248CD2, #903011, #524200, #00150F)
- Linen Cobalt Pier color palette (#E1F1FF, #1277B2, #6D6200, #374D00, #11283C)
- Wandering Parlor color palette (#E1E6F6, #3513E2, #613900, #252B00, #070005)
- Violet Quarry color palette (#F6E7CF, #976DE7, #843C74, #3D3B00, #280E17)
- Tempered Mulberry Field color palette (#DBEFE2, #008398, #9B4163, #643700, #03140A)
- Tempered Azure color palette (#E4FBF3, #00A9F3, #918F26, #666300, #001B13)
Browse the whole catalog at Explore, or see today's palette.