Timeworn Cocoa Veranda color palette — #FAF4EB · #C4E1CC · #A4B785 · #9B7C89 · #564400

A conversation between Deep Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Celadon Mist (#C4E1CC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A4B785): A luminous, dusty green — the color of new leaves after rain.
• Heather (#9B7C89): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.

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

• Wandering Teal color palette (#F5F6EB, #BFF4D9, #4FB1A1, #936B64, #2D4000)
• Softworn Cabin color palette (#EDF9F1, #A7CABA, #5C8D7C, #715F72, #3C5349)
• Dusty Cocoa Pier color palette (#FFF2ED, #E0DBCE, #DEB2AC, #98B3B7, #783F17)
• Patina Coral Studio color palette (#FFF2EE, #F3D4C5, #72E1DE, #D67C7F, #354E34)
• Hushed Studio color palette (#FFF2ED, #FFB6AF, #8ACE8C, #8BA2D1, #3E3633)
• Timeworn Blush Balcony color palette (#FFF1F1, #F1D3CF, #FF97AB, #AE6863, #554D49)
• Washed Thicket color palette (#EAE0D0, #999134, #445500, #510D1C, #020100)
• Coral Alley color palette (#FFF2EC, #E3D9D1, #EA9589, #975A4A, #432314)

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