Pine Field color palette — #F7F1E9 · #ADBA8A · #42855C · #714D00 · #2B2816

Fern takes the lead with Bronze close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F1E9): a clean, paper-quiet neutral.
• Sage (#ADBA8A): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#42855C): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#714D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2B2816): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine 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

• Hushed Chestnut color palette (#F4F2EA, #BFC8A5, #46918B, #706111, #30322B)
• Lagoon Cabin color palette (#F3F3E6, #8BC1A9, #0F858A, #6C4B48, #222B18)
• Worn Quarry color palette (#FBF5E4, #A8B786, #5C7E55, #6F5600, #4C4300)
• Worn Pine Atelier color palette (#FAF0E4, #9EA672, #28763F, #2A5038, #211C04)
• Muted Jade Cabin color palette (#E5E4B6, #74B87C, #008E7C, #00585A, #0B3525)
• Jade Bloom color palette (#EDF8F2, #B3EAEF, #79AE6D, #59806C, #253E37)
• Soft Scarlet Courtyard color palette (#EEF5E0, #35A56E, #D04D47, #A1522A, #1A2109)
• Antique Balcony color palette (#ECE4CF, #56AC4C, #006B59, #453F00, #021C01)

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