Pine Field color palette — #E1F8ED · #84B876 · #007E5B · #005663 · #0E2706

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

The five colors

• Honeydew (#E1F8ED): A whisper-light, dusty teal — the color of sea glass.
• Jade (#84B876): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007E5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005663): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#0E2706): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Pale Olive color palette (#E9F6EA, #B0AC4E, #467C00, #00594D, #00281A)
• Hushed Jade color palette (#E0FCF7, #60B97A, #007D54, #175D51, #1E442A)
• Dusty Teal Lantern color palette (#DDF9F4, #54BE99, #007B7A, #315725, #00281C)
• Worn Olive Loft color palette (#EBF5EC, #B5B788, #5E804D, #495474, #182C24)
• Moss Parlor color palette (#D7EADF, #74A644, #006D42, #4D2A6D, #0C1B00)
• Lagoon Delta color palette (#D2E9E1, #649D70, #006453, #004050, #001615)
• Jade Thicket color palette (#F5F7E6, #A0EEB5, #00AC76, #30796C, #0F371D)
• Quiet Balcony color palette (#F7EFF5, #8CDFEF, #008EC2, #006453, #0A2546)

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