Tempered Stone Grove color palette — #FFF1F5 · #FFEFB0 · #AFB977 · #629065 · #235155
A conversation between Sage and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Custard (#FFEFB0): A whisper-light, balanced green — the color of fresh herbs.
- Sage (#AFB977): A luminous, balanced green — the color of fresh herbs.
- Fern (#629065): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#235155): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Sophistication. Tagged light, muted.
Use it as a design system
One click turns Tempered Stone Grove 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
- Antique Marigold Parlor color palette (#FFF0FE, #E9DFD0, #D5A66A, #8E824D, #2F5447)
- Teal Ridge color palette (#DBFFEC, #98ECE1, #86BA8B, #358679, #2F5560)
- Ancient Grove color palette (#DBF9E3, #C2C380, #829336, #4D6B39, #163B38)
- Dusty Moss Alley color palette (#E5FBF4, #D8F0B7, #D8BFF3, #8AA55F, #424265)
- Patina Pier color palette (#F8F0A3, #94C959, #009840, #005143, #002225)
- Emerald Corridor color palette (#F7FBBA, #A2DE91, #00A578, #00706D, #00343A)
- Aged Clover color palette (#E3ECD7, #1DBB67, #007B64, #004344, #000E13)
- Weathered Stone Market color palette (#E4FBF4, #C9E3F2, #9EC3A5, #BCB2BC, #36524E)
Browse the whole catalog at Explore, or see today's palette.