Pine Garden color palette — #FFDDA0 · #93A24C · #007A4F · #004A49 · #003543
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Peach Cream (#FFDDA0): A whisper-light, balanced gold — the color of honey in a jar.
- Moss (#93A24C): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007A4F): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#003543): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Optimism, Calm, Balance. Tagged cool.
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
- Worn Olive Basin color palette (#FAD9C4, #BE984A, #5A7200, #005138, #003A3B)
- Soft Navy Delta color palette (#DDECAD, #6FB078, #007471, #004C5E, #002F72)
- Misty Jade Grove color palette (#FFE2A8, #B7D17D, #27BB71, #008683, #003648)
- Misty Loft color palette (#E1E5D7, #8BBD7F, #009860, #006557, #003535)
- Moss Balcony color palette (#FFE9E1, #7F9023, #006868, #5E2953, #19381D)
- Pine Field color palette (#E0E5D0, #008A4A, #00433C, #001F2C, #010031)
- Fern Drift color palette (#F6F5ED, #D2DCD5, #AAB7AB, #5D6A39, #3C3B31)
- Mustard Delta color palette (#F2F9DE, #E5BB3C, #60B45F, #007DAD, #003926)
Browse the whole catalog at Explore, or see today's palette.