Tempered Cocoa Veranda color palette — #FFF0F8 · #D0B0D4 · #B07482 · #804839 · #664200

A conversation between Bronze and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Mauve (#D0B0D4): A luminous, dusty pink — the color of neon signs at night.
• Dusty Rose (#B07482): A luminous, dusty red — the color of late-summer berries.
• Coffee (#804839): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#664200): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Pale Garnet Drift color palette (#F2EFFF, #C8B5DB, #B87280, #872F2E, #511D00)
• Fern Alley color palette (#FFF1F2, #E0A9AB, #A87857, #705419, #474F00)
• Rust Dune color palette (#FFF1F3, #F0C0D7, #D08B99, #AB554F, #743415)
• Washed Driftwood Loft color palette (#FCF2F4, #E0D9D3, #A7AFA7, #9B777C, #595051)
• Airy Quarry color palette (#D9FFF1, #B1BDEC, #8D73A1, #814869, #782F30)
• Antique Villa color palette (#F6F7E5, #AD9DD2, #99686C, #12656F, #574144)
• Worn Bronze color palette (#FFD0FB, #CC8092, #A64F1D, #563F00, #333500)
• Soft Rust Orchard color palette (#FFE3F3, #C0505A, #6D3500, #312600, #0E1600)

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