Timeworn Cocoa Studio color palette — #F7EEF8 · #75A0CE · #996056 · #684400 · #262A04

Built around Bronze, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Blush (#F7EEF8): bright and airy, almost weightless.
• Blue Fog (#75A0CE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Walnut (#996056): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#684400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#262A04): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Antique Fern Archive color palette (#EAF5F0, #65A6C4, #965E75, #485200, #002C3A)
• Dusty Pewter Thicket color palette (#FDF1F9, #8895C9, #8C5D8C, #7A4041, #254B3E)
• Weathered Cocoa color palette (#EEF4E8, #73AA94, #6A6BA0, #7C3312, #00301E)
• Misty Indigo color palette (#F7E8F1, #7370C3, #7B4700, #054007, #001915)
• Washed Sky color palette (#EDF7FF, #72BAE9, #C17374, #716B37, #1D4B45)
• Chestnut Thicket color palette (#E6F7E9, #CCBECD, #A28592, #786113, #334800)
• Softworn Pewter color palette (#FFEAFF, #AAB8E4, #8D82C4, #714D8B, #523035)
• Softworn Pier color palette (#F4EAF3, #6C82B1, #49353D, #261A24, #080E0C)

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