Tempered Field color palette — #F6F6EB · #B4E7E3 · #98B89C · #977F7E · #364F0D

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Sea Foam (#B4E7E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#98B89C): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#977F7E): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#364F0D): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Frost Villa color palette (#F6F7E5, #ADF8DD, #6CAAB1, #8B6E6A, #323C28)
• Stone Study color palette (#ECF8F8, #BDE7E9, #8CC3B5, #89A28C, #3A5254)
• Worn Grove color palette (#FFF2EC, #E6DBBF, #CFAA61, #7D7947, #545400)
• Antique Chestnut Canyon color palette (#F0F3EC, #BBC9AB, #598F82, #805915, #243800)
• Ancient Lagoon color palette (#ECF8F6, #A9C7C9, #4D8E8C, #6D5F79, #3B5253)
• Celadon Pier color palette (#FEF5D5, #CEF9BA, #C6B772, #746D3C, #323029)
• Chalky Celadon color palette (#FFF4E0, #BFE985, #3BA87B, #7D5D89, #25340F)
• Fern Basin color palette (#EFDECD, #9B911B, #225C00, #402300, #010100)

Browse the whole catalog at Explore, or see today's palette.