Fern Studio color palette — #FBF0E6 · #A8A175 · #4E7039 · #613842 · #251A00

Built around Olive, softened by Taupe — the whole palette hums with nature and growth.

The five colors

• Cream (#FBF0E6): bright and airy, almost weightless.
• Taupe (#A8A175): A luminous, dusty green — the color of new leaves after rain.
• Olive (#4E7039): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#613842): A deep, shadowed, dusty red — the color of late-summer berries.
• Onyx (#251A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Worn Cypress color palette (#FAF0E1, #BAB58B, #538166, #6F494A, #2B2811)
• Patina Quarry color palette (#FAF1E1, #94A87F, #1F7554, #164D5F, #1F1D00)
• Forest Atelier color palette (#F4EBDA, #7D985A, #006544, #432D56, #0C1600)
• Oat Ridge color palette (#E8FBF0, #C9D89E, #739568, #486781, #0C2F25)
• Hushed Mulberry Alley color palette (#FFE0E4, #B975B5, #5F9132, #7D227C, #0F2200)
• Aged Veranda color palette (#FFECF1, #F5CEC6, #D8A278, #5970A1, #3E1E1F)
• Wandering Forest Veranda color palette (#F9EFEC, #B2D1B3, #3B86A2, #1D5E2F, #08213D)
• Gentle Pine Market color palette (#FFE7EA, #A25FA2, #22833E, #006558, #28050E)

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