Pine Field color palette — #E9FAF2 · #8FAD83 · #007D56 · #565400 · #28431B

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

The five colors

• Ivory (#E9FAF2): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8FAD83): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007D56): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#565400): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#28431B): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, 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 Terrace color palette (#ECF9EC, #ABA665, #4B7800, #6D4800, #403C06)
• Gentle Pine Hollow color palette (#F5F3DD, #83B970, #008130, #415422, #102707)
• Hazy Fern Dune color palette (#E5FAF7, #64B59A, #007979, #216013, #004634)
• Worn Parlor color palette (#E1FCF6, #79B197, #007975, #7E3A2B, #004630)
• Emerald Bloom color palette (#E2FCF4, #A0C890, #399E4C, #5A732D, #29421F)
• Washed Orchard color palette (#DAE9E3, #719776, #006452, #394300, #0B3215)
• Timeworn Lagoon color palette (#EDF8F3, #A3CAC3, #5E8D76, #466C7B, #3C524E)
• Wandering Chartreuse color palette (#FDF5DB, #A0E483, #58BB90, #8C8C61, #3B3B34)

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