Fern Studio color palette — #FFF0E1 · #B3A15F · #737C00 · #326600 · #165941
A conversation between Olive and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF0E1): A whisper-light, dusty gold — the color of old brass.
- Camel (#B3A15F): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#737C00): A full-bodied, balanced green — the color of new leaves after rain.
- Olive (#326600): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#165941): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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
- Misty Canyon color palette (#FFDCCB, #CD956F, #957000, #595900, #364E25)
- Antique Pine color palette (#F1E0B9, #9BAE6C, #348F53, #006B54, #00514E)
- Timeworn Balcony color palette (#F4FAD3, #A2BF8C, #458443, #295100, #193B08)
- Moss Harbor color palette (#F8E2BB, #C6C06C, #8DA100, #4F7327, #484942)
- Olive Grove color palette (#F1E3C3, #8F9900, #237900, #005031, #003937)
- Olive Studio color palette (#FAF5E2, #A1A566, #A573B6, #686B00, #54345E)
- Fern Harbor color palette (#F8F6E6, #C4EAD1, #97D0CF, #957740, #4D5000)
- Cocoa Lagoon color palette (#FFF3EA, #BCA381, #93664E, #753F44, #3F3D36)
Browse the whole catalog at Explore, or see today's palette.