Tempered Field color palette — #F7F7E0 · #57B896 · #00787F · #3F5B1C · #393C35
Built around Jade, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F7E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#57B896): A luminous, balanced teal — the color of sea glass.
- Teal (#00787F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#3F5B1C): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal (#393C35): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Washed Orchard color palette (#E0F8F5, #4EBF99, #007C73, #2C5734, #002628)
- Jade Grove color palette (#FDF4E2, #88B267, #007C5B, #005974, #3B3B34)
- Mint Thicket color palette (#F3F9DF, #67D2AC, #009B90, #4A7550, #0F4534)
- Muted Loft color palette (#F1ECD4, #4EA768, #006960, #024673, #0D371B)
- Bronze Balcony color palette (#CFF7D7, #00909D, #9B6600, #765D00, #00383D)
- Quiet Mallow color palette (#DBFFED, #E8E1F6, #F293EB, #008766, #1D4E40)
- Cobalt Villa color palette (#FDF3EC, #9ED8EF, #3080D8, #006858, #39386C)
- Muted Delta color palette (#F2E1D2, #9D8B44, #3E6100, #004845, #33270C)
Browse the whole catalog at Explore, or see today's palette.