Pine Field color palette — #D6FBE6 · #B2BA8A · #69935A · #0F754B · #28595F

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

The five colors

• Honeydew (#D6FBE6): A whisper-light, dusty teal — the color of sea glass.
• Sage (#B2BA8A): A luminous, dusty green — the color of fresh herbs.
• Fern (#69935A): A luminous, balanced green — the color of new leaves after rain.
• Pine (#0F754B): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#28595F): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Balance. Tagged 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 Jade color palette (#D8FFF3, #AFD197, #7CB366, #528154, #295451)
• Olive Orchard color palette (#FFF1F5, #C3AB7A, #8D873C, #5B7223, #2B5754)
• Wandering Emerald color palette (#EEEBCA, #AAC78B, #609645, #406A40, #3A3C35)
• Lagoon Boulevard color palette (#D5FDFA, #92C8AF, #0C948C, #00717A, #43516D)
• Aged Olive color palette (#ECF8F6, #9ABB92, #C181AA, #438530, #544567)
• Timeworn Courtyard color palette (#DDEEDB, #4EA67C, #00786A, #005459, #163654)
• Muted Driftwood color palette (#E7FAF7, #CDE0EE, #B5C4E4, #889165, #3A5153)
• Weathered Alley color palette (#E2FBFD, #68A791, #8C7FBB, #AD5578, #26494C)

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