Pine Field color palette — #EDF0E8 · #D4DACB · #B0BCA8 · #418255 · #2C2F24

A conversation between Fern and Stone, giving this palette its sense of nature and growth.

The five colors

• Cream (#EDF0E8): a clean, paper-quiet neutral.
• Bone (#D4DACB): A whisper-light, dusty green — the color of fresh herbs.
• Stone (#B0BCA8): A luminous, dusty green — the color of fresh herbs.
• Fern (#418255): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#2C2F24): quiet, heavy and certain.

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

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

• Aged Thicket color palette (#EEF8F7, #D0DFE7, #ABC9DC, #1B8D4A, #0A2322)
• Hushed Cypress color palette (#E7EDE3, #BEC7BB, #99AA99, #00715C, #1B2216)
• Denim Drift color palette (#D5E6D4, #78B9C4, #5D8977, #594F7E, #4B2733)
• Antique Lagoon color palette (#F2F7F0, #D3DCD9, #B2C6C2, #5F9C94, #424A40)
• Linen Jade Workshop color palette (#E4E0B6, #1BAB7D, #007971, #11458C, #002C22)
• Tempered Delta color palette (#DDF1D1, #008570, #223A20, #0D1A05, #030600)
• Soft Lantern color palette (#E7F6DC, #56E599, #00C2A2, #00A2A4, #002C27)
• Wandering Abyss color palette (#D8E4DE, #98A9A3, #908092, #004C65, #020C07)

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