Tempered Fern color palette — #F6F6EC · #CBBF9F · #4E6640 · #393932 · #222820

Built around Olive, softened by Sand — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F6EC): a clean, paper-quiet neutral.
• Sand (#CBBF9F): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#4E6640): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal (#393932): quiet, heavy and certain.
• Onyx (#222820): a grounded near-black with real depth.

Feels like: Nature, Growth, 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

• Lagoon Alley color palette (#EBF8F7, #F0C9A2, #5F8964, #2A5652, #202F2D)
• Ancient Pine color palette (#F4F6F0, #98CEB4, #2F8D8C, #0B815A, #243224)
• Hushed Boulevard color palette (#ECF8F5, #E9E0A2, #91A67F, #54756D, #212F2B)
• Wandering Taupe Drift color palette (#F1F9E1, #A2A85D, #005730, #002F18, #061B0D)
• Hushed Field color palette (#DEECDB, #698635, #2E3441, #002E2B, #000C0B)
• Velvet Fern color palette (#EEF2DB, #646200, #152123, #001B02, #000300)
• Denim Coast color palette (#F4F7E5, #74B5B7, #32829A, #5B4F89, #384E3D)
• Pewter Summit color palette (#FAF4E9, #988249, #865184, #743542, #37312C)

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