Timeworn Lagoon color palette — #FFF3E5 · #A5A772 · #2C7C31 · #704700 · #3D3D00

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A5A772): A luminous, dusty green — the color of new leaves after rain.
• Olive (#2C7C31): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#704700): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3D3D00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Muted Cypress color palette (#FAF5E6, #89AF86, #007B68, #595300, #244322)
• Washed Forest Quarry color palette (#EDE3D5, #859267, #00663A, #503900, #232E00)
• Driftwood Dune color palette (#FBF4EC, #CAC0A7, #85863D, #516F52, #604A00)
• Mulberry Orchard color palette (#FDF5DD, #7EB37E, #007B6A, #713968, #254325)
• Feathered Jade color palette (#E7FCE6, #D3D670, #70B971, #A7814F, #3C3D13)
• Pale Clover color palette (#E0E6A4, #76B643, #008156, #00635D, #004D5B)
• Feathered Lantern color palette (#D5FFFA, #00BDAF, #007F73, #004845, #002E2B)
• Plum Boulevard color palette (#EEFAE5, #2BBD97, #C21B7E, #006D54, #661542)

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