Fern Studio color palette — #FDF3EE · #B77D74 · #67692F · #005E69 · #443132

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

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Caramel (#B77D74): A luminous, dusty orange — the color of autumn markets.
• Olive (#67692F): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005E69): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#443132): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Fern Studio 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

• Wandering Lantern color palette (#FFF1F1, #BC84A4, #6E7638, #1B5787, #593646)
• Patina Forest color palette (#FFF2F0, #B4798B, #955C41, #005B3D, #422E3A)
• Timeworn Denim Pier color palette (#FBF4EA, #968351, #3E6F47, #234A87, #362F2C)
• Weathered Pine Boulevard color palette (#EDF4EC, #AA7C3D, #22783B, #005654, #0D1C27)
• Hushed Market color palette (#FBF4EC, #C79E6A, #51A061, #247876, #21362E)
• Antique Driftwood color palette (#FBF3F1, #DDDAD3, #A5AFA9, #AC6D77, #59504E)
• Timeworn Chestnut color palette (#FFF1F1, #DCAD9F, #AE6C5A, #794C00, #524300)
• Antique Marigold color palette (#FDF3EE, #E2D2CC, #FCB5A2, #C49B43, #4B4440)

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