Tempered Fern color palette — #FCF4E7 · #E3D9BF · #C8B487 · #AA8C6A · #544800

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

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Bone (#E3D9BF): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#C8B487): A luminous, dusty gold — the color of old brass.
• Caramel (#AA8C6A): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#544800): A full-bodied, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Bronze Workshop color palette (#F7E4D3, #D8BD96, #C39268, #AB6548, #33302A)
• Antique Summit color palette (#EEF8F0, #C0E5E6, #C1AC7E, #946D81, #314441)
• Chalky Bronze Chapel color palette (#EFE5D9, #B69C5F, #AA6E00, #8B4400, #1A1600)
• Pale Bronze Cabin color palette (#F7EFD3, #BED09C, #A9A952, #9B7C00, #233D1B)
• Lagoon Meadow color palette (#FCF2F7, #B8AEEB, #C39766, #5F9A6C, #223A31)
• Muted Field color palette (#E7F7EA, #C3BD8F, #6C8C74, #6C4E58, #1D312A)
• Hushed Chestnut color palette (#F8EBCB, #81864E, #6F5F00, #543A00, #020400)
• Hushed Blush Workshop color palette (#FFF1F7, #FCCAD7, #D8A6CC, #C5708E, #7A2D36)

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