Tempered Fern color palette — #FFF0FC · #CE9BAE · #A4695B · #585F15 · #135B52

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

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#CE9BAE): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#A4695B): A full-bodied, dusty orange — the color of toasted spice.
• Olive (#585F15): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#135B52): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. 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 Bronze color palette (#FFEFEB, #CFB09E, #A87B40, #536E52, #355646)
• Weathered Mallow Harbor color palette (#E8EAFF, #C5A7E2, #A46C8F, #645A1C, #3D522F)
• Chestnut Station color palette (#FDE0F2, #BE8F84, #8A553F, #2D583D, #004745)
• Wandering Navy color palette (#F9E6E1, #CC955C, #7A6B2E, #005763, #003C73)
• Weathered Denim Veranda color palette (#CEE4FF, #B5A1CB, #97656D, #005A70, #00324B)
• Chestnut Orchard color palette (#FFE1E7, #AD6E63, #784F20, #00443C, #0D293D)
• Antique Emerald color palette (#FFEFFF, #EEBBCC, #DF9B8E, #5E9862, #1D5A53)
• Timeworn Petrol color palette (#DEEBFF, #CDAFE4, #B78589, #007EA5, #1C5268)

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