Tempered Fern color palette — #F3F7EE · #E5B686 · #526725 · #2F4000 · #1F2722

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7EE): a clean, paper-quiet neutral.
• Sand (#E5B686): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#526725): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2F4000): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#1F2722): 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

• Cypress Atelier color palette (#EFF8EE, #E5B495, #186B6B, #2C3E2C, #1D2724)
• Muted Mint Hollow color palette (#F3F7ED, #8FD2A7, #4985A8, #467A5A, #25312C)
• Muted Quarry color palette (#EDF8F8, #E9C4DB, #568A74, #355354, #222E2E)
• Taupe Balcony color palette (#EBF8F7, #C4E9CC, #81AA89, #477774, #222E2D)
• Tangerine Harbor color palette (#E7FCE2, #EC8202, #00544D, #002E29, #001B13)
• Chestnut Quarry color palette (#E7F0DF, #894E00, #1C2529, #001912, #000302)
• Emerald Drift color palette (#F4F7E8, #609759, #894B72, #6C4422, #37312C)
• Weathered Thicket color palette (#F4F7EA, #58A36C, #A36B85, #7B5064, #394300)

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