Pine Garden color palette — #F7F7E1 · #9EC994 · #198D43 · #76411F · #191A01
Fern and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F7F7E1): A whisper-light, dusty green — the color of fresh herbs.
- Mint Leaf (#9EC994): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#198D43): A full-bodied, balanced green — the color of a quiet forest floor.
- Bronze (#76411F): A full-bodied, balanced gold — the color of old brass.
- Ink (#191A01): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Garden 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
- Aged Olive color palette (#FCF4E7, #C9BB7F, #7F7A00, #764125, #211600)
- Washed Lagoon color palette (#F5F7E9, #ACDFB7, #479D75, #88571F, #262B10)
- Teal Canyon color palette (#F3F8E6, #66B590, #00705A, #523500, #000B05)
- Tempered Archive color palette (#FFF3E6, #EA9400, #00AC7D, #8B5600, #001E13)
- Muted Mint color palette (#ECE5CB, #94CB85, #40A680, #86698E, #2A2B02)
- Olive Loft color palette (#E4E4D3, #4E8B49, #004922, #231A00, #010100)
- Misty Market color palette (#FFF3E3, #BB8700, #009D3A, #B03D4D, #140A00)
- Worn Forest Veranda color palette (#DBEEE7, #76996D, #00663C, #522746, #031700)
Browse the whole catalog at Explore, or see today's palette.