Weathered Cocoa Studio color palette — #E7F2E3 · #509386 · #316989 · #682916 · #2A1D00

Rust takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#E7F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#509386): A luminous, dusty teal — the color of glacier melt.
• Peacock (#316989): A full-bodied, dusty blue — the color of deep harbor water.
• Rust (#682916): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2A1D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Worn Denim color palette (#CEECE4, #5B91A1, #48559C, #543800, #172400)
• Turquoise Boulevard color palette (#D9F5E1, #27A9BB, #34618A, #4B2000, #120400)
• Antique Veranda color palette (#E3DECF, #978C63, #2C6E57, #67165B, #410B0D)
• Gentle Terracotta color palette (#D6ECD1, #6ABEB8, #4A8AAC, #A13700, #493D00)
• Wandering Dune color palette (#E6E8D2, #3D967A, #005F60, #0E4401, #00140D)
• Washed Denim color palette (#CDEEF3, #2A7A94, #0A4975, #39224F, #2C0F2B)
• Chestnut Balcony color palette (#DCF0E8, #006E9F, #8D4300, #544500, #000811)
• Terracotta Meadow color palette (#D2E7DE, #0082B1, #A84100, #004C69, #200600)

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