Tempered Field color palette — #EDF9EE · #A1C1AF · #957C53 · #79543B · #354E46
Mocha and Coffee set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#EDF9EE): a clean, paper-quiet neutral.
- Stone (#A1C1AF): A luminous, dusty teal — the color of sea glass.
- Mocha (#957C53): A full-bodied, dusty gold — the color of old brass.
- Coffee (#79543B): A full-bodied, dusty gold — the color of old brass.
- Charcoal (#354E46): A full-bodied, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Wandering Orchard color palette (#FAF0E2, #C8B99E, #997E4D, #794D09, #312B1F)
- Weathered Taupe Market color palette (#ECF9EE, #B0D5BB, #AF986E, #627D60, #3B4D42)
- Pewter Quarry color palette (#FEF1F8, #D0ADB8, #967587, #70526E, #3A4D40)
- Misty Olive Field color palette (#DCF6E8, #92A570, #766B00, #634200, #1A3F1E)
- Dusty Boulevard color palette (#FADFEB, #80A082, #8F5224, #75251E, #173827)
- Weathered Summit color palette (#EDF7FD, #6398B1, #996F90, #8C4C20, #2E404B)
- Muted Bloom color palette (#D0E7D5, #6C6B22, #483500, #2D1500, #060E00)
- Wandering Cypress Archive color palette (#EFF7F9, #9DC8D6, #906F9D, #007D80, #2D2C3A)
Browse the whole catalog at Explore, or see today's palette.