Pine Field color palette — #FBF2D5 · #BAD2A2 · #72AA73 · #108663 · #43563B
Fern takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FBF2D5): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#BAD2A2): A whisper-light, dusty green — the color of a quiet forest floor.
- Jade (#72AA73): A luminous, balanced green — the color of new leaves after rain.
- Fern (#108663): A full-bodied, balanced teal — the color of sea glass.
- Charcoal Brown (#43563B): A full-bodied, dusty green — the color of a quiet forest floor.
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
- Cypress Bloom color palette (#ECFBDF, #B4EAD6, #67AF91, #067B5C, #144532)
- Celadon Workshop color palette (#F9F8D1, #B7ECAB, #92CA94, #6E9C7B, #4B4D46)
- Hushed Terrace color palette (#EFFADD, #9ADBC5, #44B7B5, #008BA0, #325748)
- Hushed Olive Loft color palette (#FFF3E8, #E1C194, #AC9A4C, #728437, #4B4C44)
- Emerald Courtyard color palette (#D7FFF6, #93BD88, #4B9653, #356E4A, #2F5353)
- Patina Emerald color palette (#F3F7EB, #A0D2B0, #D19EC8, #48A16B, #61405B)
- Mint Studio color palette (#C9EEB1, #5ECE7B, #009D79, #00716C, #004C51)
- Softworn Lagoon color palette (#E3F4EB, #00A28D, #00747C, #004C60, #002537)
Browse the whole catalog at Explore, or see today's palette.