Pine Garden color palette — #DDE2C1 · #5CAF5A · #008FD3 · #0F7817 · #002C45
Built around Olive, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#DDE2C1): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#5CAF5A): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#008FD3): A luminous, balanced blue — the color of open sky before noon.
- Olive (#0F7817): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#002C45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Azure Lantern color palette (#EDF1DC, #5BC173, #199BF7, #00893A, #09385B)
- Emerald Lantern color palette (#E2ECCD, #00A05F, #0088A8, #806500, #002713)
- Weathered Atelier color palette (#E6DDCA, #B29700, #009A96, #746200, #00302F)
- Powdered Lagoon color palette (#D1E5CA, #00B0A0, #A97F00, #007369, #362600)
- Gentle Mint color palette (#F3F9D8, #6BD374, #A273D2, #006F1E, #25003E)
- Quiet Violet Station color palette (#B4F2F1, #00B5B4, #936AFF, #007978, #321A65)
- Faded Moss Corridor color palette (#E4FCEE, #00C1EA, #8BAA00, #0085A2, #344100)
- Periwinkle Loft color palette (#F1F8EC, #67CDB3, #879EF8, #00967C, #56364F)
Browse the whole catalog at Explore, or see today's palette.