Pine Villa color palette — #E3FFD7 · #82CE85 · #008B51 · #00523C · #001712

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

The five colors

• Custard (#E3FFD7): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#82CE85): A luminous, balanced green — the color of new leaves after rain.
• Fern (#008B51): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001712): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, 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

• Antique Field color palette (#DAFFF0, #5ACEB9, #008783, #00474A, #00191D)
• Olive Garden color palette (#FFF8B7, #B4BC54, #698600, #264B00, #001502)
• Timeworn Boulevard color palette (#DFFFE2, #8ED9B1, #00A984, #006659, #002A28)
• Emerald Delta color palette (#E6DFC9, #A1BF45, #00AD65, #007366, #002D33)
• Hushed Jade Alley color palette (#D9E7DF, #14B691, #007769, #003331, #000405)
• Pale Lagoon color palette (#E8E1BF, #629900, #006B35, #003931, #001517)
• Antique Corridor color palette (#F6F5EF, #D6E0D4, #B6C7B8, #628413, #211F0E)
• Gentle Study color palette (#F3F8E4, #CFF698, #5AE073, #00B08D, #001A0C)

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