Tempered Fern color palette — #F5F7E5 · #6C9DC5 · #755A9B · #385900 · #4B3448

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

The five colors

• Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
• Blue Fog (#6C9DC5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#755A9B): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#385900): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#4B3448): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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

• Hushed Petrol Garden color palette (#F8F6E3, #57A2C2, #655FA5, #4D5300, #17463D)
• Washed Villa color palette (#FBF6DF, #948FCA, #905375, #005C4B, #50333D)
• Tempered Pewter Bloom color palette (#FFF1F5, #997AAE, #7B5085, #534800, #003C5C)
• Byzantium Orchard color palette (#FFEBFB, #9A92D6, #8451A2, #702F2E, #1F2135)
• Softworn Garden color palette (#F9F4ED, #BAAF8A, #5B7F4C, #55547F, #504100)
• Terracotta Pier color palette (#F9EED1, #9F73A8, #97323C, #004951, #482426)
• Timeworn Fern Courtyard color palette (#E2FCF2, #BDA5B2, #A87D83, #5F661D, #325145)
• Cypress Harbor color palette (#FAF3F0, #CFE2D1, #3A97B5, #007453, #1E5246)

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