Pine Field color palette — #D8EDE8 · #487543 · #00421D · #261D00 · #000400

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

The five colors

• Honeydew (#D8EDE8): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#487543): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#00421D): A deep, shadowed, balanced teal — the color of sea glass.
• Onyx (#261D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Velvet Ridge color palette (#D6EADF, #595D00, #232F00, #171400, #010100)
• Washed Spruce color palette (#D9F1EE, #508666, #00513A, #003409, #000B04)
• Timeworn Forest color palette (#D8F4F1, #006E2A, #004D7B, #003410, #000308)
• Muted Pine Corridor color palette (#ECEBD9, #088044, #004238, #44060B, #001506)
• Forest Atelier color palette (#D2E7E0, #779963, #186620, #303F00, #071700)
• Cellar Courtyard color palette (#CBE7CC, #005A18, #004751, #3F2A00, #000200)
• Feathered Olive Grove color palette (#E1F8EE, #9BB26E, #4E792D, #4D5100, #1B2500)
• Garnet Cabin color palette (#D0E7E0, #58A073, #005A50, #570109, #000201)

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