Tempered Stone Coast color palette — #FFF5D3 · #C6DEA6 · #9AC998 · #66A48C · #46583F
Mint Leaf and Celadon Mist set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FFF5D3): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#C6DEA6): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#9AC998): A luminous, balanced green — the color of a quiet forest floor.
- Eucalyptus (#66A48C): A luminous, dusty teal — the color of glacier melt.
- Charcoal Brown (#46583F): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged light, muted.
Use it as a design system
One click turns Tempered Stone Coast 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
- Dusty Terrace color palette (#CFFEF1, #A8CF9C, #7DAB7A, #53865E, #2D5857)
- Aged Archive color palette (#FFF0E2, #EFCF96, #CEB971, #8E975E, #4F4F47)
- Hushed Aqua color palette (#EEFCD4, #9FECDA, #60C6C3, #509DAD, #305949)
- Muted Teal color palette (#F2F8E6, #ABE5C1, #DFB6E8, #76BA92, #63424A)
- Dusty Emerald Parlor color palette (#CDF2E1, #A5B97C, #4B965A, #1B6C4F, #153A40)
- Weathered Coast color palette (#F4F8E4, #CAE5DC, #C1BB98, #B1B0BD, #475040)
- Hazy Garden color palette (#DCE6D0, #56E286, #00B78C, #009791, #00484E)
- Misty Seafoam Courtyard color palette (#F0FAE1, #8BDBB1, #DBADD0, #D09092, #384A00)
Browse the whole catalog at Explore, or see today's palette.