Pine Field color palette — #E0EEDC · #008242 · #00573A · #002F28 · #000E0C

Fern and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E0EEDC): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008242): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#00573A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#002F28): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000E0C): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Deep Courtyard color palette (#D5E7D7, #008B54, #004732, #00160F, #000201)
• Olive Coast color palette (#E7E6D3, #5E7000, #314F00, #003308, #000E06)
• Cypress Villa color palette (#D5F2ED, #007A7C, #00505B, #00313F, #000B15)
• Mulberry Drift color palette (#DAF0F1, #007B61, #A00059, #004333, #120006)
• Soft Cerulean Station color palette (#CEF5FA, #26B6BB, #008EBF, #005B28, #000E13)
• Teal Station color palette (#D0F6E2, #00B093, #00887E, #005659, #00333C)
• Worn Aubergine Summit color palette (#D2E3DE, #006758, #6200B4, #5E2F00, #000202)
• Magenta Parlor color palette (#F6E8DF, #BE00D8, #007D89, #060F16, #000203)

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