Pine Field color palette — #D9F3E3 · #9AB76C · #008F49 · #6B4A85 · #243400

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

The five colors

• Honeydew (#D9F3E3): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9AB76C): A luminous, balanced green — the color of fresh herbs.
• Fern (#008F49): A full-bodied, balanced teal — the color of sea glass.
• Plum (#6B4A85): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#243400): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Wandering Grove color palette (#CFF5EB, #6AC093, #008A80, #7D446E, #003821)
• Muted Emerald Grove color palette (#FFF4DD, #ACD465, #129D51, #683A88, #172300)
• Tempered Moss color palette (#CFE8D9, #7CA053, #217146, #6C2B44, #121F00)
• Lagoon Ridge color palette (#EBF9F2, #9CD0C7, #609E83, #7F6983, #2C4944)
• Softworn Moss Harbor color palette (#DAF2E9, #A0D35D, #41B300, #AF6347, #233408)
• Wandering Onyx Delta color palette (#D9F5EC, #4E835A, #005144, #431345, #000902)
• Amber Delta color palette (#F2DDD0, #D36C00, #008DB8, #5062B1, #3B1A00)
• Marigold Thicket color palette (#FFE2CC, #F49401, #AE6700, #6A3C00, #2D1700)

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