Fern Market color palette — #F1EEE7 · #CECCC1 · #A0A38D · #605500 · #342D1B

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

The five colors

• Cream (#F1EEE7): bright and airy, almost weightless.
• Oat (#CECCC1): a calm mid-gray that lets other colors speak.
• Taupe (#A0A38D): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#605500): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#342D1B): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Fern Market 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 Forest color palette (#F3F7EC, #CBD7C3, #97AE97, #006C3E, #2D3800)
• Fern Grove color palette (#E4E3D9, #B8BBA7, #88927B, #3B4C00, #222011)
• Muted Studio color palette (#E7F1EB, #CEDBD8, #A0BEC0, #867000, #243129)
• Hushed Chapel color palette (#ECF1EA, #919E92, #5A7967, #00332B, #040C01)
• Lagoon Study color palette (#F3F6EF, #D3DDD9, #A3ADB6, #5B8E7A, #50544B)
• Basalt Alley color palette (#E5E2CF, #86A887, #287669, #4F4369, #4F274B)
• Airy Navy color palette (#F2DAB6, #7F7C00, #005D21, #281F7B, #1E2900)
• Muted Ridge color palette (#F4F2D5, #E3AD24, #84A400, #00754E, #123007)

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