Obsidian Villa color palette — #F7EFCC · #5B5600 · #313300 · #131700 · #000602

Built around Olive, softened by Espresso — the whole palette hums with nature and growth.

The five colors

• Custard (#F7EFCC): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#5B5600): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#313300): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#131700): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000602): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Obsidian Olive color palette (#DFEAD5, #496F00, #203300, #132126, #040B00)
• Smoked Chestnut Atelier color palette (#F8E5DC, #824100, #452500, #1C0E00, #030300)
• Obsidian Basalt Canyon color palette (#ECF3DA, #394500, #003C38, #3B1900, #010200)
• Dusty Cabin color palette (#EAE9D9, #77A772, #007B52, #2F3600, #041000)
• Aged Emerald color palette (#D5E5D2, #2A963D, #006331, #00331F, #001B1C)
• Cobalt Atelier color palette (#F6EEDA, #007EAD, #007653, #041010, #010200)
• Dusty Boulevard color palette (#D9EAE4, #00A795, #00716C, #004B4C, #093041)
• Aged Courtyard color palette (#E5E6C8, #A2AB1A, #617C00, #3B5800, #00422F)

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