Fern Field color palette — #D9E8E0 · #176B09 · #37373F · #001720 · #000102

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

The five colors

• Parchment (#D9E8E0): bright and airy, almost weightless.
• Olive (#176B09): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#37373F): quiet, heavy and certain.
• Ink (#001720): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Chestnut Loft color palette (#D5ECFF, #785900, #35282A, #001625, #000306)
• Forest Corridor color palette (#E6DCE7, #006A3E, #00142C, #170605, #000104)
• Chalky Emerald Workshop color palette (#F6E6F6, #00A76F, #003677, #00102E, #040004)
• Hushed Clover color palette (#E0F8F0, #50C272, #00517B, #002339, #000B07)
• Muted Quarry color palette (#FAEFEF, #EAB69C, #7E5456, #42292A, #1C1011)
• Navy Station color palette (#E6DDE3, #9F8492, #80616E, #202059, #040003)
• Velvet Cabin color palette (#E9DAEA, #003668, #4A0044, #00170F, #000104)
• Washed Corridor color palette (#F3E4EE, #E37C8C, #38407B, #14183B, #0A0308)

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