Charred Villa color palette — #E4E3D4 · #227A47 · #004037 · #3C070A · #000401

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

The five colors

• Parchment (#E4E3D4): A whisper-light, dusty green — the color of new leaves after rain.
• Pine (#227A47): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004037): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#3C070A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#000401): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

Use it as a design system

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

• Worn Pine color palette (#EBEBDD, #487A42, #00441E, #2B2100, #011501)
• Dusty Workshop color palette (#FBEDDB, #6E6B1F, #204000, #37042E, #030300)
• Muted Balcony color palette (#C4EBE2, #649F63, #005D30, #352A00, #000200)
• Aged Coast color palette (#EAE3CC, #739B5D, #006543, #3E3B04, #071700)
• Aubergine Drift color palette (#ECF0D7, #1E7F30, #57007E, #00340A, #06000C)
• Aubergine Alley color palette (#D3EDD7, #005925, #65006F, #530048, #000200)
• Dusty Garnet color palette (#C7EAE0, #489669, #006056, #661717, #001408)
• Timeworn Lagoon Atelier color palette (#F8E8E0, #4A9899, #005263, #002E1A, #00050B)

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