Hushed Veranda color palette — #FFF1F2 · #E2DAD1 · #AFA8E7 · #A0B4AC · #60403D

Mauve and Cocoa set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E2DAD1): bright and airy, almost weightless.
• Mauve (#AFA8E7): A luminous, balanced violet — the color of a velvet chair.
• Ash (#A0B4AC): A luminous, dusty teal — the color of glacier melt.
• Cocoa (#60403D): A full-bodied, dusty orange — the color of autumn markets.

Feels like: Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Ash Workshop color palette (#F8F2FF, #C5E9D8, #EBD6DD, #C49CCE, #564A5D)
• Petal Parlor color palette (#D2F5FF, #FFCCE0, #C8CBDB, #563330, #1B0E0D)
• Antique Villa color palette (#FFEDEC, #EBD1C8, #E6B3A0, #94676E, #422824)
• Softworn Stone color palette (#F6F3FF, #E9DDD7, #E4BB8A, #7E76A3, #584D61)
• Hushed Mulberry color palette (#FFEAE2, #D3AA85, #809C1C, #770E68, #030000)
• Worn Workshop color palette (#FFF2ED, #D1F6A6, #DFE1CD, #D86EA4, #4F2B00)
• Pale Parlor color palette (#FFF3E9, #DFA37F, #91A961, #2C74C0, #312012)
• Hushed Brick color palette (#FFF3E8, #E2E6B0, #3BCCAE, #A72D36, #140C00)

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