Pine Villa color palette — #E8F5F1 · #8AC0B7 · #55815D · #3F5D49 · #092E29

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F5F1): bright and airy, almost weightless.
• Mint Leaf (#8AC0B7): A luminous, dusty teal — the color of sea glass.
• Fern (#55815D): A full-bodied, dusty green — the color of new leaves after rain.
• Pine (#3F5D49): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#092E29): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Muted Cypress color palette (#E3F7F3, #73ACA8, #2C7453, #334F2C, #002220)
• Dusty Station color palette (#E7F6ED, #B6B788, #717B49, #684B58, #162D23)
• Misty Abyss color palette (#CDFDF9, #99D0A4, #4D8654, #044F24, #001E06)
• Hushed Olive color palette (#B9ECD8, #A1B66B, #638832, #3B6025, #183718)
• Wandering Fern Basin color palette (#F7F6EB, #ACB396, #408172, #784C4B, #3E4800)
• Hazy Olive Delta color palette (#E1F8F1, #94AE75, #C57465, #517022, #44170F)
• Teal Boulevard color palette (#E8FAF3, #B6E6F5, #66AE99, #836E83, #18403D)
• Lowlit Pine Lantern color palette (#CFE3DF, #2C7943, #004228, #241E00, #000401)

Browse the whole catalog at Explore, or see today's palette.