Forest Villa color palette — #F8F0ED · #B4D0B5 · #2F87A6 · #006027 · #002044

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Pistachio (#B4D0B5): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#2F87A6): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006027): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#002044): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Forest 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

• Cobalt Lagoon color palette (#FAEFEA, #98DDEC, #008BD0, #006548, #121C59)
• Cerulean Lantern color palette (#F9F4ED, #B1CEB2, #00879A, #00624D, #184432)
• Washed Cobalt color palette (#F3E6DE, #94BFA9, #206CBA, #004C40, #120B3B)
• Azure Workshop color palette (#FAF2FA, #ADDEEC, #00A5CF, #367D46, #253C56)
• Soft Violet Boulevard color palette (#E7ECD4, #60A36E, #985FB9, #00672A, #280D36)
• Softworn Quarry color palette (#F8EBE6, #4A8389, #00415B, #002110, #000108)
• Navy Station color palette (#EADBD0, #5593AF, #004597, #002C26, #040019)
• Hushed Terrace color palette (#FDEFE3, #81C3F3, #4460E9, #005151, #230047)

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