Worn Field color palette — #F5F2E8 · #B8CC9C · #6A8E69 · #4B6860 · #32312A

Built around Fern, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F2E8): a clean, paper-quiet neutral.
• Pistachio (#B8CC9C): A luminous, dusty green — the color of new leaves after rain.
• Fern (#6A8E69): A luminous, dusty green — the color of new leaves after rain.
• Graphite (#4B6860): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#32312A): 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 Worn 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

• Ancient Grove color palette (#F7F1E5, #B4B97D, #677E4F, #664D54, #2D2711)
• Wandering Lagoon Villa color palette (#EEF8F0, #A4CBBC, #5A8C86, #5F647D, #3B534A)
• Ancient Cypress color palette (#F6F1EA, #C0EBE2, #7DA88F, #3F776B, #243C33)
• Softworn Jade color palette (#F5F4D7, #6BBD79, #007E5C, #394A77, #07280F)
• Emerald Veranda color palette (#EFF1D7, #36A471, #006454, #31345E, #0E1500)
• Worn Stone color palette (#FFEDEE, #E2D4CB, #CEBC8E, #A07E8A, #4B3837)
• Hushed Harbor color palette (#FFECEF, #D89BD7, #80A97C, #8D5F8D, #31322B)
• Weathered Ash Pier color palette (#FFEDEE, #C384B6, #A18C42, #488290, #342123)

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