Pine Villa color palette — #FFEBE2 · #DABC7C · #839C56 · #197A4F · #004A48
Pine and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFEBE2): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sand (#DABC7C): A luminous, balanced gold — the color of old brass.
- Moss (#839C56): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#197A4F): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, 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
- Olive Study color palette (#FFF1F2, #F5B495, #AE9348, #597010, #004B31)
- Weathered Lagoon color palette (#FFF4E1, #D1D7A6, #7DB08F, #2D847D, #004F6C)
- Moss Harbor color palette (#FFF0F8, #F7E0A0, #95AA3E, #1B7949, #003534)
- Misty Corridor color palette (#FFF4DC, #D5D68B, #98BD5E, #519A4E, #004933)
- Tempered Marigold Lantern color palette (#FFF2EA, #D2AA63, #5B9573, #6D5885, #3F3D36)
- Muted Emerald Lagoon color palette (#F8EEE2, #B8AC00, #009629, #005D50, #00313D)
- Dusty Study color palette (#F1DAC6, #917B00, #3C6600, #003528, #000E0E)
- Antique Jade Boulevard color palette (#E5E9D3, #49BD78, #008B86, #00556F, #001E52)
Browse the whole catalog at Explore, or see today's palette.