Pine Field color palette — #F4EFD5 · #7DB26A · #158D5D · #005D7F · #30312A
Fern takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4EFD5): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7DB26A): A luminous, balanced green — the color of new leaves after rain.
- Fern (#158D5D): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005D7F): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#30312A): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Hazy Lime Balcony color palette (#DAFFEE, #90CC38, #309453, #005A71, #032823)
- Denim Market color palette (#F7F7E1, #80C2A0, #1E9A8C, #2563AC, #3B3E38)
- Chalky Olive color palette (#F9EDD3, #BA9F4C, #787E00, #00635B, #383000)
- Nightshade Alley color palette (#EEF1DA, #44B6AC, #008796, #4946A3, #003839)
- Weathered Nightshade color palette (#D1EFC7, #00B09F, #007E88, #3B00D6, #00302E)
- Softworn Chapel color palette (#FFEAD9, #8A8C00, #006B51, #5C285D, #31312A)
- Worn Emerald color palette (#EAE8D8, #309838, #00684C, #003D5A, #001C0A)
- Nightshade Field color palette (#EBF6E4, #0CAE8F, #007E9A, #2947A2, #3C174F)
Browse the whole catalog at Explore, or see today's palette.