Pine Villa color palette — #F3F0D0 · #228860 · #005051 · #243100 · #000804

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

The five colors

• Custard (#F3F0D0): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#228860): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#005051): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Forest (#243100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000804): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Olive Bloom color palette (#F0E5D3, #638038, #005337, #00313F, #030700)
• Patina Moss Terrace color palette (#F6EDDF, #849E4C, #19724A, #004D5F, #151F00)
• Emerald Garden color palette (#E7E9D5, #1EA070, #007264, #2B5327, #000804)
• Terracotta Lantern color palette (#D3EFDE, #00758C, #8C3E00, #003F4D, #0F0300)
• Wandering Study color palette (#D6E6DD, #007D7D, #005464, #002B48, #000135)
• Olive Archive color palette (#F1E2D2, #AFA765, #587E46, #226061, #332705)
• Cocoa Market color palette (#C7EFFD, #006279, #733D00, #443500, #000203)
• Patina Denim color palette (#F9ECE5, #5F9DAF, #005B98, #003D2F, #05002C)

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