Hushed Veranda color palette — #FFEDEB · #AB637C · #5E2D00 · #332423 · #1B1311

Mocha and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FFEDEB): a clean, paper-quiet neutral.
• Mocha (#AB637C): A full-bodied, balanced rose — the color of strawberry cream.
• Cocoa (#5E2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#332423): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1B1311): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Hushed 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 Bronze color palette (#FFEEE3, #AA6B4D, #3F3C35, #31261E, #1A140F)
• Chestnut Lantern color palette (#FDEEEC, #CA8399, #834429, #453330, #291F1F)
• Softworn Blush color palette (#F7EEFC, #F297B8, #8D7282, #59515D, #212127)
• Moonless Brick Pier color palette (#FFEBE4, #C40033, #3F2300, #27110A, #0F0501)
• Nocturne Harbor color palette (#E8DCD3, #6D3200, #26302A, #120F00, #070200)
• Coral Bloom color palette (#FFF2EC, #CC8171, #4D93B5, #5B719B, #48413D)
• Eclipse Chapel color palette (#F9E5E0, #4C4500, #5A0021, #201C0B, #0A0200)
• Worn Turquoise Corridor color palette (#FFF2EC, #DE9E90, #58A5BA, #9C6054, #345643)

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