Fern Loft color palette — #FCF4E9 · #A39C71 · #5D6A2A · #2C5537 · #38352E

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

The five colors

• Ivory (#FCF4E9): bright and airy, almost weightless.
• Taupe (#A39C71): A luminous, dusty green — the color of new leaves after rain.
• Olive (#5D6A2A): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2C5537): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#38352E): a grounded near-black with real depth.

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

Use it as a design system

One click turns Fern Loft 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

• Tempered Olive color palette (#FCEFE6, #B79D5E, #5C6D24, #025249, #251A06)
• Aged Cypress Courtyard color palette (#F6F6E9, #7FA685, #1D7358, #025659, #333A00)
• Softworn Fern color palette (#EDE4CF, #879263, #2C6408, #004263, #302900)
• Dusty Olive Canyon color palette (#FFF0F8, #C6B287, #758B29, #336F66, #223C2A)
• Muted Fern color palette (#F5F6EF, #BCC5A9, #748964, #4F6F57, #45550B)
• Hushed Thicket color palette (#EAFAEC, #D7CC80, #9AA86C, #5F8E8B, #1F3D2E)
• Muted Cobalt color palette (#FBF4EA, #ABCEBD, #457EA9, #005F65, #223B5F)
• Hushed Petrol Atelier color palette (#DCFEF2, #EDD2EB, #B5A7E1, #007990, #22463E)

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