Pine Villa color palette — #FCF0DE · #99A361 · #257D4F · #433A7E · #262404

Built around Teal, softened by Indigo — the whole palette hums with nature and growth.

The five colors

• Cream (#FCF0DE): A whisper-light, dusty gold — the color of old brass.
• Moss (#99A361): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#257D4F): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#433A7E): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#262404): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

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

• Weathered Dune color palette (#F9F1E3, #8DB893, #368782, #693F74, #273019)
• Patina Olive color palette (#FDF0DC, #BF9261, #716F17, #004C70, #2F1F04)
• Soft Aubergine Meadow color palette (#F4F3E4, #81984B, #007183, #53257B, #3C0900)
• Pale Pine color palette (#FFF0FC, #B2934C, #007D55, #6C366A, #28443A)
• Emerald Corridor color palette (#E6FCEA, #ADBA67, #329D64, #5F5B95, #24443D)
• Tempered Mulberry color palette (#FFF0D8, #00AA86, #006E7D, #6F0056, #00221F)
• Muted Mulberry Studio color palette (#FFF2EC, #E4C987, #5BA383, #834C82, #33322B)
• Airy Corridor color palette (#EFE5D2, #409611, #006052, #48006D, #001807)

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