Tempered Stone color palette — #EFF8F1 · #C6E7D6 · #AEBC91 · #829FB0 · #415249
Sage and Blue Fog set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EFF8F1): a clean, paper-quiet neutral.
- Celadon Mist (#C6E7D6): A whisper-light, dusty teal — the color of sea glass.
- Sage (#AEBC91): A luminous, dusty green — the color of fresh herbs.
- Blue Fog (#829FB0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#415249): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.
Use it as a design system
One click turns Tempered Stone 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
- Timeworn Atelier color palette (#FDF2F7, #B9DBC2, #94A277, #797B92, #415245)
- Washed Powder color palette (#F4F4FF, #E2D7DF, #B4BFE2, #B7B3A9, #4E4A5B)
- Dusty Oat color palette (#F3F4FF, #E1C8FE, #B8D383, #B897DC, #34554B)
- Softworn Clover color palette (#E4FCF0, #BBDC8D, #5FBD65, #5B8DBB, #314117)
- Timeworn Cabin color palette (#F4F4FF, #DAB8EE, #EEB05B, #6EBFBC, #414051)
- Tempered Study color palette (#F5F2E8, #CBC4A4, #8D853C, #576750, #33312A)
- Tempered Dune color palette (#D2F2ED, #65BC90, #00937F, #595C9D, #002020)
- Quiet Emerald color palette (#D6EAE2, #9EC791, #2AAA6A, #5276AB, #00312B)
Browse the whole catalog at Explore, or see today's palette.