Timeworn Cocoa color palette — #D2F5FF · #005F5F · #564200 · #003030 · #000202

Deep Olive takes the lead with Peacock close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Frost (#D2F5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#005F5F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#564200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#003030): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000202): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Nightshade Study color palette (#E6EBFE, #562BB8, #4B4700, #002F37, #02000C)
• Washed Mulberry Pier color palette (#DDEDF8, #005A7B, #7C0058, #322800, #000204)
• Ultramarine Balcony color palette (#E0EDFF, #0051B9, #4D3100, #00201E, #000202)
• Gentle Lapis color palette (#D8E4FF, #5450EA, #AF115C, #005150, #01000F)
• Faded Pine color palette (#D3EBFB, #0079A1, #007520, #004A5F, #001018)
• Indigo Harbor color palette (#D0DEFC, #6474E1, #996600, #006059, #101A30)
• Frosted Ultramarine color palette (#E6EFFF, #2A37F8, #00624A, #00248E, #01021A)
• Garnet Meadow color palette (#D8E6F4, #0378C6, #850017, #003A64, #050005)

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