Fern Studio color palette — #DEF3E9 · #858E4F · #5C5900 · #413700 · #1E2900
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DEF3E9): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#858E4F): A luminous, balanced green — the color of new leaves after rain.
- Olive (#5C5900): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#413700): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Deep Forest (#1E2900): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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
- Weathered Delta color palette (#FCEAEF, #A58148, #784A00, #542B00, #2F2200)
- Faded Olive Delta color palette (#F9EFD1, #8EAA65, #7D7400, #674600, #222702)
- Timeworn Bronze Grove color palette (#DBF0DD, #7F6300, #4B3400, #2A1700, #0F0B00)
- Weathered Cocoa color palette (#EEF9ED, #94B096, #8D6B43, #72461E, #2B4431)
- Terracotta Summit color palette (#C6E5E4, #00763F, #8F2E00, #4F2F00, #00201F)
- Worn Emerald Station color palette (#D1E1E8, #709A65, #003D48, #001A1F, #010510)
- Chestnut Boulevard color palette (#FADEEE, #824821, #4C1A00, #260300, #080200)
- Iris Alley color palette (#DCE8DE, #8E9AFF, #00A2C7, #1A2A3D, #051822)
Browse the whole catalog at Explore, or see today's palette.