Tempered Field color palette — #FCF4E8 · #B6B88B · #688C58 · #7B566C · #37352F
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Sage (#B6B88B): A luminous, dusty green — the color of new leaves after rain.
- Fern (#688C58): A full-bodied, balanced green — the color of a quiet forest floor.
- Graphite (#7B566C): A full-bodied, dusty pink — the color of neon signs at night.
- Espresso (#37352F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Emerald Alley color palette (#FFF4E0, #B5C471, #569954, #6E5E96, #383F0D)
- Lagoon Meadow color palette (#F7F7E3, #90C2A6, #2E9289, #7D575B, #2D3C00)
- Patina Pine color palette (#EBE4D4, #93B070, #408258, #5F4B72, #1F2F06)
- Quiet Plum color palette (#FFE8EB, #D38ACE, #88A146, #9C5098, #2E3B00)
- Softworn Cocoa Delta color palette (#FBF4EB, #DAD1B7, #9F9E7B, #8E7582, #5F4A00)
- Softworn Market color palette (#EAF9F3, #8DA477, #437039, #0C5657, #0C3E35)
- Ancient Cypress Drift color palette (#FEF3ED, #BFDEC0, #46A3BC, #307C59, #0C3F5C)
- Cobalt Meadow color palette (#FFF1F3, #F2D3CF, #F2B79D, #7E78B2, #543334)
Browse the whole catalog at Explore, or see today's palette.