Tempered Field color palette — #F6F6E7 · #7DD099 · #009D7E · #507536 · #393C35

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6E7): a clean, paper-quiet neutral.
• Mint Leaf (#7DD099): A luminous, balanced teal — the color of sea glass.
• Fern (#009D7E): A luminous, balanced teal — the color of sea glass.
• Olive (#507536): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#393C35): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance, 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 Delta color palette (#FBF5E5, #AFC578, #509B3F, #726B2D, #3C3B34)
• Hushed Jade color palette (#E5FBF7, #A7EBBC, #51A581, #4E774A, #0B381E)
• Muted Studio color palette (#EDEDD9, #58C576, #008D6A, #00686C, #10371B)
• Ancient Courtyard color palette (#FBF6DD, #59BA7D, #007A73, #4F552A, #393C35)
• Aged Fern color palette (#F5F6EE, #CAD7B5, #5BAD9C, #688671, #425510)
• Washed Bloom color palette (#DBEEEA, #00CFCF, #009FAE, #00708B, #00435D)
• Gentle Emerald Hollow color palette (#E7E4CE, #579545, #00633A, #00413E, #031400)
• Ancient Ember color palette (#DFFEEA, #33D4F4, #E9510C, #00869C, #652208)

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