Fern Studio color palette — #F5F6EA · #A6B597 · #268282 · #754A61 · #324C08

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

The five colors

• Ivory (#F5F6EA): bright and airy, almost weightless.
• Sage (#A6B597): A luminous, dusty green — the color of new leaves after rain.
• Teal (#268282): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#754A61): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Olive (#324C08): 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 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

• Washed Courtyard color palette (#F7F7E4, #77B292, #007A71, #873026, #0F452D)
• Antique Driftwood Delta color palette (#F7F5EF, #C1C3A8, #728B4B, #825B52, #505100)
• Lagoon Atelier color palette (#E9F5F4, #89C1AB, #378475, #3E5E42, #122C2E)
• Bronze Hollow color palette (#F3F7ED, #9CD2BD, #41A290, #916929, #324C09)
• Antique Fern color palette (#FEF3E6, #A09E6C, #506D37, #654300, #38352F)
• Hushed Bronze Market color palette (#FFF5D9, #C6C087, #847719, #4B4800, #342B00)
• Seafoam Boulevard color palette (#E7FAF6, #A3E6CC, #77BAB9, #9889A5, #2F4749)
• Wandering Drift color palette (#FAF3F0, #CDE3D1, #4E94B1, #007458, #1C5247)

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