Pine Field color palette — #C4F0C1 · #6EC773 · #1A8816 · #2B4F00 · #061900
Built around Olive Leaf, softened by Clover — the whole palette hums with nature and growth.
The five colors
- Mint (#C4F0C1): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#6EC773): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#1A8816): A full-bodied, vivid green — the color of new leaves after rain.
- Deep Olive (#2B4F00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#061900): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged monochrome.
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
- Lime Drift color palette (#D9EAB3, #A4B643, #6C7900, #304B00, #101A00)
- Gentle Balcony color palette (#D1FEE0, #7ACF94, #1AA149, #00612B, #002E14)
- Olive Thicket color palette (#E2FFDA, #99DA8E, #4C881C, #104400, #000700)
- Worn Mint Field color palette (#AEF1DA, #23CAAA, #008971, #005244, #001B11)
- Gentle Jade Lantern color palette (#CAECD7, #00B378, #007252, #003928, #001106)
- Quiet Mulberry Atelier color palette (#CCE4DF, #53AB2A, #9A278A, #645000, #00201C)
- Weathered Workshop color palette (#E0EEEE, #2CC185, #505EE4, #00764E, #050C1E)
- Feathered Clover color palette (#FFDDD5, #FF77A1, #31BE18, #0D2D08, #031513)
Browse the whole catalog at Explore, or see today's palette.