Cocoa Veranda color palette — #F6EAF0 · #BEB0B6 · #AE8A95 · #863800 · #1E0D17

Built around Rust, softened by Dusty Rose — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F6EAF0): a clean, paper-quiet neutral.
• Ash (#BEB0B6): soft and architectural.
• Dusty Rose (#AE8A95): A luminous, dusty rose — the color of a warm blush.
• Rust (#863800): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#1E0D17): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Dusty Chestnut color palette (#EFE2E6, #ABB9AB, #7BA085, #764500, #220B15)
• Antique Corridor color palette (#E6DAE2, #B9A2A9, #628A73, #621D00, #1C0F18)
• Mulberry Station color palette (#E7E1E9, #BCAFBE, #A58CA3, #980050, #1B0D20)
• Tempered Cocoa Bloom color palette (#F8EBE2, #DECCBD, #BCA182, #7D3500, #060100)
• Weathered Fern Pier color palette (#D6E2DE, #B4CAC5, #8EACA8, #526B00, #0C241E)
• Frosted Tangerine color palette (#DFE9DE, #FD7D31, #C17700, #876900, #110800)
• Worn Bronze Harbor color palette (#FEF1F6, #EFD7DE, #A7C8AB, #B15F00, #442A35)
• Fern Lantern color palette (#E5DFC4, #679785, #446728, #004849, #00232B)

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