Pine Field color palette — #CFF0E7 · #208F5B · #005048 · #223500 · #002020

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

The five colors

• Honeydew (#CFF0E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#208F5B): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Forest (#223500): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#002020): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Worn Olive Quarry color palette (#D7E8DE, #638733, #00532D, #003639, #00211A)
• Timeworn Jade Terrace color palette (#F3F0DC, #60A37B, #006F6B, #414A14, #002210)
• Moonless Fern Lantern color palette (#DAEBE2, #3C6B21, #003421, #001B1F, #020800)
• Patina Veranda color palette (#D5F5DB, #909B00, #1A6D06, #004E49, #2D3100)
• Dusty Lagoon color palette (#D0F8ED, #008A88, #005D6A, #003547, #19163F)
• Antique Jade Garden color palette (#DCFEF2, #6BB777, #007B65, #205969, #094440)
• Hushed Fern color palette (#FFF1F5, #A89B63, #576C20, #3C4B67, #243C2E)
• Cerulean Studio color palette (#E0F3FF, #008DB4, #004E6E, #00202D, #000A13)

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