Pine Villa color palette — #EBF5EB · #AF884C · #237D48 · #005653 · #111D28

Built around Olive, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Cream (#EBF5EB): bright and airy, almost weightless.
• Caramel (#AF884C): A luminous, balanced gold — the color of honey in a jar.
• Olive (#237D48): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005653): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#111D28): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Tempered Market color palette (#E9F5F1, #859A5F, #007579, #245373, #131726)
• Tempered Bronze color palette (#F8EEF7, #C17F78, #7C6F08, #2E562C, #0D1F23)
• Olive Summit color palette (#EAF3FC, #5C9BCF, #5B7B2A, #005C40, #0B1A21)
• Aged Bronze color palette (#E9F6E9, #D49C8B, #A06A3D, #435A2C, #382530)
• Weathered Peony Study color palette (#FFF2F0, #C36686, #29786C, #1D5B52, #3A2C37)
• Weathered Study color palette (#F0F1FD, #8F7CB2, #008376, #005065, #141C28)
• Dusty Moss color palette (#FAF2FC, #EBA1B0, #8E933C, #1F7892, #27212F)
• Fern Market color palette (#D5ECE1, #606000, #004943, #002B39, #020119)

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