Forest Garden color palette — #FCF3F1 · #B2CEB2 · #2384A3 · #006525 · #1A3C61
Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF3F1): bright and airy, almost weightless.
- Pistachio (#B2CEB2): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#2384A3): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006525): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#1A3C61): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Forest 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
- Dusty Grove color palette (#FAF4EF, #A5D0BF, #5676BB, #00605B, #3C325F)
- Cerulean Field color palette (#ECF4EE, #9BD2E0, #008C9C, #005E47, #002531)
- Timeworn Cypress Courtyard color palette (#FAF4F0, #C9E4D3, #5690C0, #007458, #5B3C53)
- Muted Grove color palette (#FAF4EC, #C3DDC2, #00A8BB, #007F61, #1A4432)
- Jade Basin color palette (#E2F0DD, #52A87D, #007974, #005160, #213159)
- Pine Thicket color palette (#EAFBE7, #BDEADB, #B7A6E3, #338556, #294B38)
- Wandering Abyss color palette (#F7ECE8, #4A8D90, #004359, #00240E, #00081D)
- Wandering Corridor color palette (#E5F9FF, #4AAEC4, #006F7B, #003C43, #00232A)
Browse the whole catalog at Explore, or see today's palette.