Fern Garden color palette — #FBF1DC · #A68D00 · #286400 · #534600 · #131300
Olive and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FBF1DC): A whisper-light, dusty gold — the color of old brass.
- Mustard (#A68D00): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#286400): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#534600): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#131300): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged duotone.
Use it as a design system
One click turns Fern Garden 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
- Quiet Amber color palette (#FBF0E5, #CA7700, #625400, #673A00, #161100)
- Moss Grove color palette (#F4F4DC, #62A300, #006353, #2F5200, #001611)
- Aged Orchard color palette (#FBEBD8, #C98400, #006A62, #694300, #000504)
- Patina Balcony color palette (#E2E5D4, #76A200, #237200, #00491D, #00331E)
- Ancient Fern color palette (#F9F5E8, #D8D4B7, #AAAA7E, #5F5E00, #35332C)
- Obsidian Parlor color palette (#ECEADE, #566200, #003633, #1B2000, #010200)
- Gentle Basin color palette (#E7F7E7, #E49900, #008E5D, #8E5E00, #00170B)
- Feathered Moss color palette (#E8FED3, #BCBE00, #6DA300, #008647, #162E00)
Browse the whole catalog at Explore, or see today's palette.