Forest Villa color palette — #CAE9E8 · #005C35 · #5B2E00 · #002613 · #030100

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

The five colors

• Frost (#CAE9E8): A whisper-light, dusty teal — the color of glacier melt.
• Pine (#005C35): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#002613): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Midnight Fern color palette (#D3E7EC, #44630B, #373135, #001818, #000201)
• Velvet Abyss Corridor color palette (#DCEFE7, #004734, #00364D, #282300, #000201)
• Nocturne Canyon color palette (#CBF2E5, #00705A, #003429, #1B1E25, #000906)
• Muted Garden color palette (#E7F0DC, #006142, #67006C, #002819, #0F0010)
• Pine Market color palette (#E1E9CD, #007E47, #854500, #004424, #0D0300)
• Weathered Cypress Harbor color palette (#C9E6E9, #45998D, #00757B, #00381F, #000202)
• Pale Atelier color palette (#CBF7F6, #00804D, #930076, #00351D, #040002)
• Denim Workshop color palette (#DAE8C9, #005EAF, #005E62, #070C0F, #000102)

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