Washed Veranda color palette — #FFF1F2 · #CCDFCD · #A07792 · #5B3D3E · #221919

Built around Heather, softened by Cocoa — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Celadon Mist (#CCDFCD): A whisper-light, dusty green — the color of a quiet forest floor.
• Heather (#A07792): A luminous, dusty pink — the color of a candy shop window.
• Cocoa (#5B3D3E): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#221919): a grounded near-black with real depth.

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

Use it as a design system

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

• Bone Market color palette (#FFF1F3, #D8E4B8, #BC9198, #846368, #352729)
• Bronze Courtyard color palette (#FFF2EA, #FFE2A5, #A56344, #3D3732, #170D06)
• Timeworn Basalt color palette (#F3F0F9, #A4CEC1, #655A7D, #43243F, #15121B)
• Ancient Market color palette (#FFF1F1, #FBA3D2, #9AB98D, #558E8C, #3D2D2C)
• Aged Thicket color palette (#FFF2ED, #F7C961, #914C48, #3C1F13, #0B0100)
• Aged Coast color palette (#FFF1F3, #E4D8CE, #DC9B7A, #96683D, #4F3B00)
• Ancient Blush Bloom color palette (#FFF2EF, #F793AE, #709868, #2C7182, #2E1D23)
• Inked Amber Thicket color palette (#F2DDCB, #B28600, #442000, #0E0C05, #030100)

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