Fern Grove color palette — #F4F2E7 · #9FBE8C · #578155 · #605600 · #292916
Olive and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F4F2E7): a clean, paper-quiet neutral.
- Sage (#9FBE8C): A luminous, dusty green — the color of new leaves after rain.
- Fern (#578155): A full-bodied, balanced green — the color of fresh herbs.
- Olive (#605600): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#292916): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Fern Grove 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
- Fern Bloom color palette (#F0F4E8, #B9CAA5, #768A69, #596925, #253800)
- Cypress Field color palette (#F3F3E1, #7EAE7F, #34744D, #3E4B33, #1B1E04)
- Ancient Basin color palette (#FBF5E3, #CFF2B8, #77AC8E, #8B742B, #393932)
- Aged Cypress Dune color palette (#F3F3E8, #CBE5C7, #4F9C9E, #1D6D5C, #1B3221)
- Feathered Basin color palette (#DDFBE2, #00A0AC, #677BBD, #527745, #0D2413)
- Worn Teal Alley color palette (#ACF3DD, #00BBA6, #009188, #005656, #13311A)
- Pine Grove color palette (#E2E6CF, #278D59, #005139, #00322C, #000B04)
- Moonless Fern Archive color palette (#EFEADC, #5A5D00, #242E00, #031A00, #010100)
Browse the whole catalog at Explore, or see today's palette.