Timeworn Veranda color palette — #D5E5D9 · #77A48E · #786222 · #573600 · #001E16

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

The five colors

• Bone (#D5E5D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#77A48E): A luminous, dusty teal — the color of sea glass.
• Olive (#786222): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#573600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#001E16): A deep, shadowed, dusty teal — the color of glacier melt.

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

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

• Tempered Cocoa Bloom color palette (#F2D9E1, #AD9567, #855A28, #632C05, #1D1800)
• Worn Fern color palette (#DAF1E6, #7D8E56, #5B5800, #3E2F00, #031300)
• Bronze Summit color palette (#F0E7D7, #B5B177, #987D2E, #7B510D, #32312A)
• Patina Cocoa color palette (#FDECF6, #C2A0AF, #9B6651, #703A38, #162815)
• Dusty Station color palette (#D8EDF6, #008495, #9D405B, #633700, #00131B)
• Antique Taupe Garden color palette (#DEECF1, #BA9C5C, #005157, #002124, #00060A)
• Twilit Market color palette (#FBDFEC, #885405, #562700, #320600, #030100)
• Timeworn Loft color palette (#E8F4FB, #5BADC4, #6F51A2, #005F73, #040418)

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