Tempered Fern color palette — #CCF8EC · #C09BB3 · #8E6C9F · #7D5725 · #554F00

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

The five colors

• Honeydew (#CCF8EC): A whisper-light, dusty teal — the color of sea glass.
• Mauve (#C09BB3): A luminous, dusty pink — the color of neon signs at night.
• Slate (#8E6C9F): A full-bodied, balanced violet — the color of wild irises.
• Coffee (#7D5725): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#554F00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, 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

• Worn Grove color palette (#D1EEFF, #91ACDD, #84749C, #854716, #5C4A08)
• Forest Garden color palette (#F7F3FF, #CDA2C9, #A7727E, #5A652A, #1A5B31)
• Worn Violet color palette (#A2F4FB, #8EABD5, #946AAE, #3C5B2A, #1F3B0C)
• Cocoa Studio color palette (#F3DBF1, #AE899D, #895E64, #5F4500, #353B01)
• Hazy Olive color palette (#CAFFFB, #87BFEE, #A77FB5, #567E45, #37572A)
• Antique Courtyard color palette (#E1EEFF, #C0C3FF, #B89BC4, #A38462, #504B1C)
• Aubergine Cabin color palette (#FFF1F6, #B08EEA, #708B00, #6600B4, #334100)
• Antique Cocoa color palette (#E5DCEE, #87637E, #6D3942, #1F3100, #002416)

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