Fern Studio color palette — #F5F2E7 · #9CA15E · #5B5C0D · #3A3831 · #252119

Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Moss (#9CA15E): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#5B5C0D): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal (#3A3831): quiet, heavy and certain.
• Onyx (#252119): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Patina Chestnut color palette (#F9F0E7, #C38F5D, #735100, #522F00, #27201B)
• Wandering Corridor color palette (#EFF4E8, #6DAB8A, #4E5D49, #2F3F00, #22221B)
• Worn Mustard color palette (#E9FAF2, #B0B650, #3F5B56, #212E29, #0B110D)
• Olive Summit color palette (#F6F2E5, #83821A, #354300, #2D281A, #171610)
• Ancient Meadow color palette (#E4F7EE, #BFBE37, #618382, #4C5852, #1F231F)
• Timeworn Amber color palette (#F2F8E5, #88C19A, #94A1DB, #CC7865, #41433C)
• Pine Archive color palette (#FDF6D6, #BED29F, #78AB6F, #388A5B, #4F524B)
• Tempered Orchard color palette (#F5F6EE, #CDD5BC, #6EA998, #A3723A, #45550B)

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