Cocoa Atelier color palette — #DCE7D8 · #AECBB8 · #86A9CB · #A67B75 · #6B3B32

Built around Cocoa, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Parchment (#DCE7D8): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#AECBB8): A luminous, dusty teal — the color of sea glass.
• Blue Fog (#86A9CB): A luminous, dusty blue — the color of deep harbor water.
• Mocha (#A67B75): A luminous, dusty orange — the color of toasted spice.
• Cocoa (#6B3B32): A full-bodied, dusty orange — the color of sun-warmed clay.

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

Use it as a design system

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

• Tempered Driftwood Alley color palette (#C5EED2, #ABD4C8, #BF9EB4, #B37166, #5E3700)
• Timeworn Villa color palette (#E4E5C8, #BEC7AD, #99B59A, #947CA1, #61374B)
• Antique Ash Corridor color palette (#D9FFF2, #A3E1DD, #81A1C9, #7C5767, #502D3D)
• Cocoa Studio color palette (#C0E8F3, #6897BE, #7276A6, #7D3724, #301800)
• Timeworn Cocoa color palette (#F1DFB9, #B3BA9E, #709881, #84693E, #5B4400)
• Antique Loft color palette (#E7FAF3, #EAD8E7, #CFB7C0, #B69478, #6B4E00)
• Hushed Rust Station color palette (#D7F0F9, #A4C2EA, #9B94D9, #BD5100, #4F3700)
• Worn Bronze Delta color palette (#E6F0FF, #CAC4F7, #C69EC8, #A97D3E, #4D5105)

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