Worn Cocoa Studio color palette — #F5E4EC · #AAA263 · #693816 · #301200 · #0B0306

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

The five colors

• Blush (#F5E4EC): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#AAA263): A luminous, balanced green — the color of fresh herbs.
• Bronze (#693816): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#301200): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0B0306): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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

• Ancient Taupe Basin color palette (#EDE6F2, #89AC70, #68314B, #350620, #08030C)
• Taupe Pier color palette (#D8EFE5, #C4965F, #474B00, #1D1E00, #000704)
• Dusty Loft color palette (#FAEBE0, #BCB780, #934F18, #552700, #231103)
• Terracotta Veranda color palette (#FAEEF5, #D88965, #007376, #8B3700, #00080C)
• Aged Bronze color palette (#F5E1E7, #8F7600, #475408, #3E2200, #0F0500)
• Hushed Chestnut color palette (#FFF3E8, #EDCB85, #8E531B, #3F1E00, #080300)
• Feathered Terrace color palette (#FBE0D1, #B49437, #677300, #004525, #001E1D)
• Aged Bloom color palette (#D7F4F5, #CB7345, #00442F, #00170D, #000202)

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