Fern Studio color palette — #FEF2EE · #A86561 · #5B5B00 · #00486B · #3D261E

Built around Olive, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Mocha (#A86561): A full-bodied, balanced orange — the color of sun-warmed clay.
• Olive (#5B5B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#00486B): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#3D261E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Navy Grove color palette (#FCF4E9, #A1762B, #595E00, #1D3B83, #3C2917)
• Wandering Chestnut Chapel color palette (#FFF2EE, #AA5867, #854700, #00504D, #3F231D)
• Denim Coast color palette (#FFF4DF, #BF829D, #8F5D1E, #244C8A, #433B38)
• Aged Quarry color palette (#F9EDFB, #B55A68, #0B7638, #004E62, #12101F)
• Antique Rust color palette (#FBF3F1, #DDDBD2, #BFC3AF, #A9595B, #52443F)
• Muted Bronze color palette (#FFF0FC, #DD9BA3, #AB5E32, #644C00, #304200)
• Wandering Emerald Field color palette (#FFF2EE, #C9737A, #009249, #006A8F, #362328)
• Weathered Terrace color palette (#EFE2D8, #AB5617, #35322B, #2D1A0B, #130D07)

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