Tempered Field color palette — #FFD8CD · #E1B272 · #A1A03D · #3E7B8D · #553A57
Moss takes the lead with Sand close behind in a set that reads as nature and growth at first glance.
The five colors
- Shell Pink (#FFD8CD): A whisper-light, dusty orange — the color of autumn markets.
- Sand (#E1B272): A luminous, balanced gold — the color of afternoon light on wheat.
- Moss (#A1A03D): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#3E7B8D): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal (#553A57): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Field 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 Mustard Loft color palette (#FFE2BE, #C0BE6E, #7DA375, #567698, #454069)
- Tempered Amber Market color palette (#FFF1F0, #F2B28F, #B18C20, #3E797D, #1C5374)
- Olive Grove color palette (#FFDFCE, #B8A071, #76863C, #3D6958, #46273F)
- Muted Taupe Basin color palette (#FFD5DE, #CE9B6C, #688959, #6F5570, #5F3C48)
- Cypress Meadow color palette (#DFFFE2, #E6D9A3, #A8B277, #1D8270, #004648)
- Wandering Taupe Lantern color palette (#FFF4E1, #D4CFAD, #7BA986, #90708E, #624651)
- Wandering Sand Courtyard color palette (#FFD9E1, #FCC096, #93BCA6, #7588C1, #4B4268)
- Wandering Lagoon color palette (#E4E3C9, #8DBD76, #00A17D, #5B5588, #582F5F)
Browse the whole catalog at Explore, or see today's palette.