Tempered Cocoa Villa color palette — #D3E1E9 · #006083 · #793800 · #483300 · #000204

A conversation between Bronze and Peacock, giving this palette its sense of trust and stability.

The five colors

• Silver (#D3E1E9): bright and airy, almost weightless.
• Peacock (#006083): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#793800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#483300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000204): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Cocoa 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

• Softworn Garnet color palette (#C6EDEE, #006567, #94001C, #592900, #000202)
• Hushed Denim Market color palette (#D3E3F7, #0055AC, #5D4B00, #2F3D0B, #000207)
• Plum Bloom color palette (#D4F7E8, #0079A4, #B60072, #5A5D00, #000204)
• Obsidian Garnet Study color palette (#DAE6EF, #004560, #60003A, #252600, #000204)
• Olive Chapel color palette (#F1E0C9, #73731D, #5B3F00, #3F1600, #010500)
• Powdered Grape color palette (#F7E3EC, #601CBD, #603C00, #3B2300, #02000B)
• Softworn Byzantium Hollow color palette (#F0E6FF, #871BD7, #5D6000, #235021, #0D001D)
• Aged Dune color palette (#DAF1E3, #869CD8, #AC6DAB, #005744, #000C1A)

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