Timeworn Cocoa Veranda color palette — #FBF3ED · #E4D3B3 · #A1B487 · #AD838C · #563E00

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3ED): a clean, paper-quiet neutral.
• Wheat (#E4D3B3): A whisper-light, dusty gold — the color of old brass.
• Sage (#A1B487): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#AD838C): A luminous, dusty red — the color of embers at dusk.
• Deep Olive (#563E00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

Use it as a design system

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

• Tempered Basalt Pier color palette (#FCF4E8, #DBD6B5, #82BB97, #619AAA, #4C4300)
• Soft Clover Summit color palette (#FFF3E8, #DCCF92, #86B659, #7F7DD2, #443A0C)
• Hushed Taupe color palette (#FBF4E7, #E3EBB8, #89AA72, #578071, #3A3831)
• Worn Ridge color palette (#FFF1F4, #E3D8D1, #ABB6C2, #98ADED, #634040)
• Ancient Harbor color palette (#ECF9F0, #A5CFBE, #7A9B64, #537690, #2E493F)
• Faded Moss Alley color palette (#F2E1D2, #C3BC81, #6DA157, #696EAD, #342700)
• Antique Plum color palette (#FAE8D3, #C4C675, #5FBB61, #A5458E, #303000)
• Weathered Stone color palette (#FCEDF3, #BEB57F, #647E53, #53526B, #182C22)

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