Tempered Fern color palette — #E0E1CB · #386F00 · #005372 · #173500 · #00121C

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

The five colors

• Bone (#E0E1CB): A whisper-light, dusty green — the color of fresh herbs.
• Olive (#386F00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005372): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#173500): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00121C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Softworn Forest color palette (#D8E9D5, #105D0A, #004952, #432B00, #010B00)
• Tempered Chestnut Alley color palette (#FBEECC, #755B00, #005851, #382A00, #001411)
• Forest Boulevard color palette (#CEE6D8, #007148, #6E3E00, #003620, #1B0B00)
• Fern Garden color palette (#E7F4EA, #007C86, #5F5D00, #004247, #1D1C00)
• Timeworn Balcony color palette (#E9F5DC, #006046, #0526A6, #00281B, #000124)
• Lowlit Study color palette (#DBE1D2, #717100, #232C34, #002413, #000602)
• Tempered Pine color palette (#D1E5D2, #008F38, #004613, #001A03, #000601)
• Powdered Aubergine Quarry color palette (#E2E2CB, #4C791A, #57007E, #1A3100, #06000C)

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