Tempered Field color palette — #EEF7F7 · #D2DDE5 · #B5B5CA · #4F9D65 · #1E3331

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

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Silver (#D2DDE5): a clean, paper-quiet neutral.
• Ash (#B5B5CA): A luminous, dusty violet — the color of wild irises.
• Fern (#4F9D65): A luminous, balanced teal — the color of shallow lagoons.
• Deep Forest (#1E3331): A deep, shadowed, dusty teal — the color of sea glass.

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

• Dusty Teal Courtyard color palette (#F3F6EE, #CEDED5, #ABCCBE, #69B18A, #393C32)
• Antique Lagoon color palette (#E6FBF5, #A5DCDA, #349D8F, #546D30, #002F2F)
• Weathered Cypress color palette (#F4F6EE, #D0DDD7, #A7B8AB, #3C7149, #393C32)
• Wandering Abyss color palette (#DCE6EB, #B0BCC8, #8692AB, #004451, #000103)
• Ancient Pewter Archive color palette (#D8FFF4, #B7E5E8, #73AFBF, #9C5A58, #2D4B32)
• Chalky Garnet color palette (#FFF0FB, #8FC88C, #008F97, #921C2C, #002729)
• Tempered Corridor color palette (#EFF6FC, #DAD9E4, #C8BCD3, #007FB8, #152028)
• Dusty Forest color palette (#ECF8F8, #CEDBE8, #A0C0D1, #00724C, #001010)

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