Timeworn Veranda color palette — #FFDEE1 · #E697B9 · #BA6A75 · #7C4C41 · #3A332F

Mocha and Ballet Pink set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#FFDEE1): A whisper-light, dusty red — the color of late-summer berries.
• Ballet Pink (#E697B9): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#BA6A75): A luminous, balanced red — the color of embers at dusk.
• Coffee (#7C4C41): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#3A332F): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Ancient Blush color palette (#FFEEE9, #F3949D, #56ABB3, #9E5B62, #203725)
• Weathered Driftwood Archive color palette (#F1EFFF, #D5A1C2, #B56E76, #8B5047, #674755)
• Patina Apricot color palette (#FFE9E1, #F59F7E, #BB7D48, #74592E, #34312B)
• Mallow Hollow color palette (#FFEBF6, #C0A5EF, #A16DA4, #7C516D, #50312C)
• Wandering Shell Basin color palette (#FFEEE5, #FFB6A6, #B17063, #6D3F3A, #331605)
• Coral Market color palette (#FFEDE8, #DC7C84, #26A19A, #4D8094, #34221D)
• Cocoa Corridor color palette (#FFEDE9, #DFD9C7, #C0C8A3, #A78688, #5B2600)
• Ember Studio color palette (#F1DBDC, #DD643D, #A65500, #5B3D00, #261C00)

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