Pine Villa color palette — #EDF7F7 · #7EC79F · #008EAE · #008756 · #051B26

Fern takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF7F7): bright and airy, almost weightless.
• Mint Leaf (#7EC79F): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#008EAE): A full-bodied, balanced blue — the color of deep harbor water.
• Fern (#008756): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#051B26): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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 Corridor color palette (#EAF8FB, #74C5C0, #427EDD, #00837F, #07182F)
• Olive Orchard color palette (#EEF8F3, #B6BA7A, #00967B, #757700, #001D20)
• Chalky Pine color palette (#F3F7ED, #7DEAB1, #0099BC, #008D59, #000803)
• Linen Hollow color palette (#DEF6E2, #1DB9AE, #0D83A8, #8C2C56, #00383C)
• Feathered Cerulean Lantern color palette (#A6F4DA, #5AC0BB, #0096A8, #005E7C, #003458)
• Patina Lagoon Lantern color palette (#EEF7F8, #D2DAE3, #B4BFD4, #009583, #273F43)
• Worn Garnet color palette (#E8F9FA, #28A37D, #8053B0, #901C21, #002819)
• Cerulean Bloom color palette (#EFF6FA, #A2DCEA, #8799D1, #009DB6, #262E3C)

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