Tempered Fern color palette — #FCF2F8 · #7D7EAC · #894C79 · #3F5500 · #3F2B37

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Slate Blue (#7D7EAC): A luminous, dusty violet — the color of wild irises.
• Raspberry (#894C79): A full-bodied, balanced pink — the color of neon signs at night.
• Deep Olive (#3F5500): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#3F2B37): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Terracotta Delta color palette (#FFF1F1, #A87996, #944C48, #006046, #452E34)
• Worn Pewter color palette (#ECF9F2, #4D8DA8, #735991, #664300, #283A32)
• Forest Dune color palette (#F2F8E9, #86B39E, #816BA0, #206946, #534054)
• Aged Chestnut Ridge color palette (#EBF3FB, #7690C4, #97503B, #4F5220, #0D2127)
• Patina Forest color palette (#EEF8F3, #64A1BB, #955A7D, #146430, #234C3B)
• Hushed Courtyard color palette (#FEECF3, #8273A5, #4C3635, #35222B, #1B1416)
• Soft Garnet color palette (#FFF1F2, #93528C, #810F2C, #00422C, #2C1119)
• Soft Alley color palette (#FFF1F4, #9C48BD, #9A005D, #004910, #2E1B42)

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