Tempered Fern color palette — #F5F6EE · #F0C9A0 · #5F8A62 · #4B5301 · #2B2D22

Deep Olive takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EE): bright and airy, almost weightless.
• Wheat (#F0C9A0): A whisper-light, dusty gold — the color of old brass.
• Fern (#5F8A62): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#4B5301): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2B2D22): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Fern 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 Boulevard color palette (#EBF9F6, #C9DCCA, #728F6A, #2A4E48, #0E1F1C)
• Timeworn Petrol color palette (#EEF8F1, #EEB5A1, #0C7F94, #254C36, #18251D)
• Tempered Parlor color palette (#F5F6EE, #B8DDB2, #55A5D1, #6E9A67, #24312C)
• Weathered Petal color palette (#EEF7F7, #FAD0E5, #79A9A6, #497674, #232E2D)
• Washed Apricot color palette (#D7E2D3, #DD8F5A, #006457, #00312A, #040F01)
• Weathered Lilac Summit color palette (#F6F6E6, #98B67F, #A28ED2, #9E6B67, #3E3E36)
• Ash Garden color palette (#F3F6F0, #D3DDDA, #A6BAC3, #74A895, #51544E)
• Cerulean Boulevard color palette (#FFF2EC, #91CDB4, #35A0C4, #906157, #3F4C3D)

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