Pine Field color palette — #E4F4E3 · #008F4E · #006A51 · #00443A · #000908

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

The five colors

• Honeydew (#E4F4E3): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#008F4E): A full-bodied, balanced teal — the color of sea glass.
• Pine (#006A51): A full-bodied, balanced teal — the color of sea glass.
• Forest (#00443A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000908): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Lagoon Harbor color palette (#CAEAE1, #008E85, #006F77, #004853, #000A11)
• Lowlit Pine color palette (#DFEDCC, #00812A, #004C3A, #001815, #000102)
• Weathered Plum color palette (#DDEAD5, #00937A, #C21C84, #006351, #120008)
• Patina Olive color palette (#EBE6D2, #848100, #596800, #264200, #000B02)
• Washed Grape color palette (#D4F5EE, #008173, #8421D7, #814800, #000202)
• Quiet Azure Balcony color palette (#DBF7F1, #00BFD4, #14A1DF, #328258, #000F01)
• Worn Bloom color palette (#F9DECA, #CA00D3, #008697, #001E23, #000201)
• Teal Grove color palette (#CFF7F1, #00A6A9, #00879B, #006480, #001F30)

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