Pine Field color palette — #E2FCF8 · #77B38A · #007D57 · #105A6C · #034443
A conversation between Teal and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E2FCF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#77B38A): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007D57): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#105A6C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#034443): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged botanical, earthy, muted, cool.
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
- Olive Quarry color palette (#EEF8F2, #8CBCA7, #6B7C2A, #6C4E69, #2D493E)
- Tempered Corridor color palette (#D4EAE9, #4F9D80, #006353, #00445E, #003032)
- Worn Clover Villa color palette (#DCFAEC, #76BD5C, #007F59, #5A3F6A, #102706)
- Emerald Market color palette (#FEF5DA, #97CC80, #009F6E, #785B8C, #3B3B34)
- Olive Station color palette (#E9FAF0, #A7A85D, #627200, #7F363D, #3D3D0D)
- Aged Quarry color palette (#E8F9F7, #91DAF4, #008BB9, #006570, #064565)
- Fern Lagoon color palette (#D1F4E8, #76A14B, #196D07, #722800, #21350A)
- Jade Harbor color palette (#E3FDEA, #BADC93, #58BB90, #A97695, #30411B)
Browse the whole catalog at Explore, or see today's palette.