Tempered Fern color palette — #F7F5EE · #D3DCD5 · #AAB8AA · #5F6B1C · #3C3B34

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

The five colors

• Ivory (#F7F5EE): a clean, paper-quiet neutral.
• Silver (#D3DCD5): bright and airy, almost weightless.
• Ash (#AAB8AA): A luminous, dusty green — the color of new leaves after rain.
• Olive (#5F6B1C): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#3C3B34): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Olive color palette (#ECF4F1, #CED8DA, #A7BCBC, #576E1C, #162420)
• Dusty Cypress color palette (#F3F7EE, #D0DCD9, #A2B9B1, #1C7556, #2E4200)
• Worn Driftwood Parlor color palette (#F3F7F0, #D4DDDB, #A8ABB5, #758965, #4F554B)
• Muted Workshop color palette (#FEF4E3, #90A376, #2B7252, #5A491A, #36362F)
• Basalt Summit color palette (#F0DDB6, #A1A883, #617E6A, #69463E, #592E1F)
• Tempered Fern Veranda color palette (#E7E7DD, #B4BCAA, #809484, #354E00, #222009)
• Hushed Denim Studio color palette (#EAF0EB, #BFD1CB, #AC9AA5, #006169, #233226)
• Dusty Taupe Thicket color palette (#EFF8F4, #CCDDE4, #B0C3D5, #9CA75C, #2F3E39)

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