Fern Orchard color palette — #F9F5E8 · #AEB491 · #3E8175 · #346456 · #414700

Deep Olive and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Sage (#AEB491): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#3E8175): A full-bodied, dusty teal — the color of shallow lagoons.
• Pine (#346456): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#414700): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Fern Orchard 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 Balcony color palette (#FCF4EA, #B9B08A, #4C8256, #734B63, #4E4200)
• Aged Archive color palette (#FBF5E5, #9A9F76, #007361, #713640, #35362F)
• Lagoon Ridge color palette (#E6F6F3, #88BFBF, #288675, #305B6D, #112C2D)
• Seafoam Field color palette (#E7FBF2, #ACE6B9, #78BAB2, #7F92A5, #294947)
• Aged Lagoon color palette (#FAF4F0, #C8E4D6, #678CBD, #007263, #5D3B50)
• Tempered Aubergine Villa color palette (#FAE7DA, #AA8E49, #506300, #5D2572, #3B2B00)
• Cerulean Grove color palette (#FFF0F9, #E6D9D4, #F1B2A9, #5287AF, #5C3E48)
• Sunlit Courtyard color palette (#FFF0F9, #9499D8, #7B9534, #5753C3, #3C481E)

Browse the whole catalog at Explore, or see today's palette.