Pine Villa color palette — #F9F3F7 · #C4E2EB · #4B96A9 · #007549 · #254C65

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#C4E2EB): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4B96A9): A luminous, dusty blue — the color of open sky before noon.
• Pine (#007549): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#254C65): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Aged Market color palette (#FAF3F7, #D7DFF0, #7E9CBC, #007F7C, #45536C)
• Tempered Cobalt color palette (#FAF2F8, #A7CBDC, #1E82AE, #006150, #1F3B5F)
• Weathered Cerulean Quarry color palette (#F2F2EB, #C8E6C7, #209FA8, #006E60, #183322)
• Cerulean Villa color palette (#F7EBF4, #4B9DA7, #00516A, #003124, #00152A)
• Dusty Aqua Field color palette (#FCF3EF, #C1EFE1, #80CADE, #71A687, #314F45)
• Washed Plum Courtyard color palette (#DBFDFC, #589971, #876AB2, #9C4380, #084140)
• Feathered Chapel color palette (#D4FFFD, #9DCAA4, #39895C, #005429, #003C1F)
• Soft Olive Ridge color palette (#EAF9F5, #8AAC6E, #B26EA8, #467500, #5C3056)

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