Pine Villa color palette — #FFF5DA · #9DB174 · #388455 · #005E5E · #00435E
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9DB174): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#388455): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#005E5E): A full-bodied, dusty teal — the color of sea glass.
- Navy (#00435E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Pine Villa 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
- Pale Lagoon color palette (#E6FAD0, #7FBF86, #009165, #005148, #002B2E)
- Linen Navy Dune color palette (#E9F8C6, #83BE9C, #00857D, #00556B, #073387)
- Forest Garden color palette (#FFEBE4, #C6A776, #807F20, #006016, #004741)
- Timeworn Garnet color palette (#FFF2EF, #979D65, #007A75, #773252, #3D3E37)
- Washed Celadon Summit color palette (#FEF0AE, #B6DE8C, #69C3A3, #279295, #004565)
- Gentle Jade color palette (#E1F9C4, #9CD5A1, #28AC7F, #00766E, #004247)
- Hushed Olive Balcony color palette (#F6F6EF, #D5DDD8, #B3C4C0, #61803D, #49483F)
- Sunlit Villa color palette (#BCFFBB, #00B8A5, #00768A, #004875, #3C008A)
Browse the whole catalog at Explore, or see today's palette.