Fern Studio color palette — #F7F7E2 · #B3B98F · #529067 · #69671B · #35362F

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

The five colors

• Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#B3B98F): A luminous, dusty green — the color of new leaves after rain.
• Fern (#529067): A full-bodied, balanced teal — the color of sea glass.
• Olive (#69671B): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#35362F): quiet, heavy and certain.

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

• Ancient Olive color palette (#F3F7E9, #BBCBA9, #679C8D, #6A7A36, #344B04)
• Gentle Lagoon color palette (#F4F7E6, #8BCCA6, #009E77, #147970, #15452D)
• Jade Thicket color palette (#E8FAF2, #AAD8A7, #2EB992, #83885D, #1E3C38)
• Worn Cypress Balcony color palette (#F9F6E5, #9A9F78, #00745A, #4A5010, #35362F)
• Olive Dune color palette (#F1ECD4, #98BA49, #4C8A0C, #206B3B, #263400)
• Hushed Cypress color palette (#ECF0D6, #64A27A, #007251, #285027, #00220F)
• Turquoise Parlor color palette (#F5F6EC, #BFDEC4, #2AA7BA, #087C76, #004251)
• Hushed Courtyard color palette (#E8E9C9, #4D8451, #00532E, #003429, #000901)

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