Fern Studio color palette — #E8FAF3 · #8EA37A · #486E3E · #693E2E · #113E35
A conversation between Olive and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E8FAF3): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#8EA37A): A luminous, dusty green — the color of fresh herbs.
- Olive (#486E3E): A full-bodied, balanced green — the color of a quiet forest floor.
- Cocoa (#693E2E): A full-bodied, dusty orange — the color of toasted spice.
- Forest (#113E35): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Hushed Villa color palette (#D3EBE5, #71976F, #1A6439, #493D0D, #143014)
- Tempered Cypress Workshop color palette (#E7FAF7, #89BAB7, #478166, #6D505B, #2B4947)
- Moss Meadow color palette (#D6F4DD, #A69218, #5F5E00, #6C2F00, #362E00)
- Washed Pine color palette (#E8F6EE, #93A87D, #27754B, #523B61, #00221C)
- Stone Market color palette (#FFF1F6, #FADEB6, #C0AF6D, #8D5C40, #5A3844)
- Worn Market color palette (#FFE7F1, #CA752B, #12904E, #834400, #01411F)
- Jade Atelier color palette (#F8F6E5, #BAD4A3, #7BB070, #A77664, #36362F)
- Sunlit Chestnut color palette (#FFEDDC, #D3955A, #885200, #502D00, #361D00)
Browse the whole catalog at Explore, or see today's palette.