Tempered Fern Pier color palette — #F6F6EB · #C0C59E · #5B8F6B · #536D5B · #4D5200

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

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Pistachio (#C0C59E): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#5B8F6B): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#536D5B): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#4D5200): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Fern Pier 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 Dune color palette (#F8F5EC, #A9B68A, #5F7E42, #844726, #4C4300)
• Patina Stone Cabin color palette (#F6F1E7, #B7CC9E, #658E71, #6E5B63, #32312A)
• Softworn Study color palette (#F5F6EF, #C4E9E4, #64A4B7, #2D7C7E, #365145)
• Timeworn Lagoon Grove color palette (#E0E8D4, #34A088, #00635A, #17425E, #1D2F0E)
• Olive Alley color palette (#F3EBD9, #7E7F2B, #3F4B00, #50191A, #211A00)
• Timeworn Olive color palette (#FAF5E9, #9CA068, #596C00, #673F33, #37352F)
• Pale Moss Studio color palette (#EEEDD1, #55A84D, #006D34, #693200, #0C3808)
• Muted Oat color palette (#FFF1F1, #E2D8D0, #ECBDA4, #9D7792, #594947)

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