Timeworn Cocoa Coast color palette — #FDF4E3 · #E7D8B2 · #C4B492 · #A28F72 · #564600

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

The five colors

• Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#E7D8B2): A whisper-light, dusty gold — the color of old brass.
• Stone (#C4B492): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A28F72): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#564600): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

One click turns Timeworn Cocoa Coast 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 Dune color palette (#F9F1E3, #C0BCA0, #9E7D39, #754E30, #2B2E1A)
• Aqua Harbor color palette (#EAFAF1, #5ED3F8, #C4A9E1, #9B9D74, #314139)
• Timeworn Dune color palette (#EDF8F1, #BBE9E9, #96B8A1, #668367, #2D453E)
• Ancient Apricot Lantern color palette (#FFEADC, #FFB581, #E28A5E, #A96E5D, #3A342F)
• Linen Moss Atelier color palette (#E7E4C8, #94961C, #7B6F00, #5D4A00, #0A0D00)
• Ember Thicket color palette (#FFD3C2, #FE9C60, #EB6628, #AD513F, #401F00)
• Wandering Powder Bloom color palette (#EEF8F3, #B9E5FF, #A4B2F8, #7AB3D3, #362932)
• Weathered Powder color palette (#EEF6FF, #C5D9FF, #A5B6EE, #8A8CBD, #4E4271)

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