Timeworn Cocoa Study color palette — #BDF8CE · #B5D8B9 · #8AB4D9 · #A87B5A · #6A3E0B

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

The five colors

• Mint (#BDF8CE): A whisper-light, balanced teal — the color of sea glass.
• Pistachio (#B5D8B9): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#8AB4D9): A luminous, dusty blue — the color of deep harbor water.
• Caramel (#A87B5A): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6A3E0B): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Timeworn Cocoa Study 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 Meadow color palette (#DAEED0, #A9CBB6, #BA98B3, #A17438, #5D3F00)
• Wandering Driftwood Parlor color palette (#F8F2BD, #B0DAAF, #81BAB7, #B3708C, #6F4136)
• Cobalt Terrace color palette (#D2E8E3, #7CB0C6, #7981BA, #7A6336, #302A00)
• Wandering Grove color palette (#CFE3E9, #99B9FB, #B681C7, #717E48, #294300)
• Ancient Periwinkle color palette (#DBFFEE, #BAE6DA, #859FE0, #8B5C86, #63334D)
• Fern Meadow color palette (#E0FDF1, #E9D6E3, #D7BCBF, #A0A08C, #565300)
• Feathered Cobalt Lantern color palette (#BBF3D0, #69BBBA, #437FB4, #7A4928, #462434)
• Misty Teal color palette (#F5F8DB, #93E1C4, #11BCBC, #709469, #004634)

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