Softworn Veranda color palette — #FFF1F0 · #E193B3 · #664E49 · #362625 · #140D0D

A conversation between Ballet Pink and Coffee, giving this palette its sense of sophistication.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Ballet Pink (#E193B3): A luminous, balanced rose — the color of pressed rose petals.
• Coffee (#664E49): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#362625): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#140D0D): quiet, heavy and certain.

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

Use it as a design system

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

• Weathered Amber color palette (#FFF3E8, #D9883F, #623D00, #281C10, #0A0402)
• Driftwood Thicket color palette (#F0EBF5, #AD6A8B, #483445, #221B28, #0C0C10)
• Muted Basin color palette (#FFF2EE, #EE546B, #5A2D26, #260D06, #050000)
• Velvet Terracotta color palette (#F1DFD2, #994200, #232F2C, #1F0D00, #030100)
• Cocoa Workshop color palette (#FFF2EC, #FEB8A6, #C4BD87, #BA93B7, #5C2600)
• Eclipse Scarlet Study color palette (#FADFD3, #CE3735, #391C09, #0D1B14, #0B0100)
• Dusty Bronze color palette (#FFECCA, #A37500, #342A00, #0D1717, #0D0600)
• Hushed Workshop color palette (#FFF2EC, #EFD6C0, #BDD69F, #D18171, #4D4800)

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