Pine Villa color palette — #EBF9F7 · #D0DFEB · #B6C3DC · #418949 · #132120

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

The five colors

• Ivory (#EBF9F7): bright and airy, almost weightless.
• Silver (#D0DFEB): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#B6C3DC): A luminous, dusty violet — the color of wild irises.
• Fern (#418949): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#132120): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Lagoon color palette (#EDF8F7, #D3DEE8, #BBB3C8, #5C9975, #233131)
• Washed Ridge color palette (#E9F9F9, #CEDBEC, #AABDD0, #007155, #001011)
• Lagoon Station color palette (#C1EFF6, #008979, #352C2D, #05283A, #000506)
• Muted Lagoon color palette (#EEF0E6, #C4D0C0, #8BA998, #00671F, #2D3021)
• Patina Lagoon color palette (#E1FDF2, #89CDA2, #008883, #4E5629, #001F0E)
• Tempered Cocoa color palette (#DAFFEE, #A0D0B7, #5D9BB1, #6E4722, #3B1A29)
• Tempered Abyss color palette (#DBE4E9, #B3BBC7, #8D90A6, #004356, #000103)
• Muted Clover color palette (#FCF0FF, #73B65D, #00788C, #731234, #00170F)

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