Tempered Field color palette — #EEF8F4 · #EFFEC0 · #61C59A · #93A355 · #132122

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

The five colors

• Ivory (#EEF8F4): a clean, paper-quiet neutral.
• Custard (#EFFEC0): A whisper-light, balanced green — the color of fresh herbs.
• Mint Leaf (#61C59A): A luminous, balanced teal — the color of shallow lagoons.
• Moss (#93A355): A luminous, balanced green — the color of a quiet forest floor.
• Onyx (#132122): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged duotone, light, 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

• Tempered Pier color palette (#EDF8F7, #B4E2EC, #4FC3C2, #69AB7A, #142124)
• Ancient Lime color palette (#F0F7F1, #CADCCA, #AAB854, #BA9442, #13221D)
• Patina Straw color palette (#EFF8F2, #F6DD89, #5BCBCE, #BAAA77, #243034)
• Patina Workshop color palette (#EAF9F3, #B8EDB8, #55B794, #4D7894, #294544)
• Aged Boulevard color palette (#EDF7FA, #5FC5C2, #778FD9, #75578C, #2F2732)
• Bronze Meadow color palette (#F0F7F1, #A7CBAD, #378C8C, #84682E, #1F3136)
• Airy Emerald color palette (#EAF9F6, #9DF28B, #00AA90, #2B9703, #000D0F)
• Frosted Mint Terrace color palette (#D6FFF8, #AFDDE7, #6DC997, #298B6D, #004C41)

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