Pine Field color palette — #EAF5F0 · #95BDB4 · #4D835C · #5A4E6E · #0D2D28

Fern takes the lead with Charcoal Brown close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EAF5F0): bright and airy, almost weightless.
• Ash (#95BDB4): A luminous, dusty teal — the color of glacier melt.
• Fern (#4D835C): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#5A4E6E): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Forest (#0D2D28): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Antique Lagoon color palette (#F9F5ED, #B2B289, #3B8369, #744C58, #474500)
• Hushed Cocoa color palette (#E9F5F1, #89AB83, #307452, #6C350F, #00221E)
• Aged Teal Lagoon color palette (#EEF8F1, #B9E6F0, #6EAD96, #747197, #223F39)
• Aged Lagoon Loft color palette (#F9F5E7, #C7C89D, #659F75, #8B666A, #474500)
• Patina Cypress Hollow color palette (#EEF3EF, #C4E1F5, #6692B9, #006B75, #182B4D)
• Muted Delta color palette (#CAEEE6, #5CA77A, #006B57, #6F1140, #001C0C)
• Ancient Lagoon Parlor color palette (#CEE8E1, #528661, #00503D, #402100, #000B03)
• Washed Indigo color palette (#FFECF3, #B7804D, #009384, #7957A6, #311220)

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