Pine Field color palette — #EBF5EE · #A9BB91 · #4A845C · #2C5D6B · #152C27

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

The five colors

• Cream (#EBF5EE): a clean, paper-quiet neutral.
• Sage (#A9BB91): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4A845C): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#2C5D6B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#152C27): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Muted Cypress Summit color palette (#EBF9F5, #9BBA94, #567F5F, #3B6164, #304844)
• Pine Workshop color palette (#E6F6EE, #90A97D, #15774C, #434262, #00221D)
• Lagoon Chapel color palette (#FBF5E5, #B7CDA0, #639F78, #647767, #494400)
• Timeworn Delta color palette (#F7EFF5, #B6E5F5, #219CBE, #236D51, #162E43)
• Sunlit Emerald Veranda color palette (#D3EBE2, #3DAE5C, #006B58, #004657, #001C07)
• Pale Moss Bloom color palette (#E8F3FF, #73A8E1, #8A9700, #1E66AB, #262B00)
• Worn Pine color palette (#D8F0E6, #52884E, #00503C, #3B1846, #000B00)
• Timeworn Ridge color palette (#DAEBE3, #387A1F, #00412D, #002329, #010400)

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