Pine Garden color palette — #FBE8F4 · #5ED6D0 · #00A4BB · #008248 · #002333
Built around Fern, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Blush (#FBE8F4): A whisper-light, dusty pink — the color of peonies in June.
- Aqua (#5ED6D0): A luminous, balanced teal — the color of sea glass.
- Cerulean (#00A4BB): A luminous, balanced blue — the color of open sky before noon.
- Fern (#008248): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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 Azure Field color palette (#F3E4EE, #72CFE9, #249BDD, #007E70, #081D44)
- Weathered Lagoon color palette (#E5E5D7, #70C2BD, #008589, #005B4C, #002529)
- Forest Corridor color palette (#FFF2EE, #96DBD5, #0088A3, #0D5609, #000D1D)
- Wandering Sky Garden color palette (#FFF0F8, #9EE6FF, #4BB3FF, #00998D, #172D6A)
- Ancient Cypress color palette (#E9E1D4, #63ABA6, #00646D, #003B28, #000D12)
- Gentle Blush color palette (#D3E4FB, #D7B4E8, #EF919F, #0093AA, #222248)
- Faded Periwinkle color palette (#D4E5FF, #63A1FF, #7C8B32, #976200, #00102E)
- Patina Powder color palette (#FCF2F9, #CEE5FF, #7BCAE7, #62A98B, #364A5D)
Browse the whole catalog at Explore, or see today's palette.