Tempered Stone color palette — #FCF5DF · #B9B56D · #69B0CC · #B57F9C · #45423B
Built around Sage, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Cream (#FCF5DF): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#B9B56D): A luminous, balanced green — the color of a quiet forest floor.
- Cyan (#69B0CC): A luminous, balanced blue — the color of deep harbor water.
- Dusty Rose (#B57F9C): A luminous, dusty rose — the color of a warm blush.
- Charcoal (#45423B): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.
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
- Hushed Harbor color palette (#F2F9E1, #88C19A, #93A1DC, #BA8275, #41433C)
- Aqua Workshop color palette (#E6FBF0, #D2D090, #66C9EF, #CE89AF, #2A3D34)
- Iris Market color palette (#FDF4E1, #A39964, #8D7DC1, #8D5C8F, #45423B)
- Patina Orchard color palette (#FAF5E5, #BCE4D2, #BCBDC8, #B69D7B, #574D00)
- Bronze Thicket color palette (#FAF5E9, #D2CBAF, #AB9974, #956C2C, #4F4900)
- Moss Quarry color palette (#DFF4C7, #7AAF00, #0094F4, #CF4269, #243700)
- Hushed Iris color palette (#E1E9C6, #53AB6A, #6A83D9, #B75647, #292F0F)
- Aged Cabin color palette (#F5F6EC, #E5CDA8, #698763, #4E5200, #2B2C24)
Browse the whole catalog at Explore, or see today's palette.