Cocoa Atelier color palette — #F5EBEF · #C4D5C8 · #8DAFA2 · #743D00 · #080003

Built around Bronze, softened by Sage — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#F5EBEF): bright and airy, almost weightless.
• Oat (#C4D5C8): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8DAFA2): A luminous, dusty teal — the color of sea glass.
• Bronze (#743D00): A full-bodied, balanced gold — the color of honey in a jar.
• Black (#080003): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Weathered Parlor color palette (#F0E7EA, #92A693, #67846F, #4F2D00, #0D0104)
• Washed Boulevard color palette (#F3EBF4, #DFC8D6, #BA9DA6, #900835, #060008)
• Muted Bronze Basin color palette (#E8E2DD, #B3B29E, #999C7C, #A16000, #200F00)
• Dusty Fern color palette (#EAF9F6, #CDDCE4, #A4C0C9, #3D6E24, #00100D)
• Patina Driftwood Grove color palette (#F0E1D5, #928E58, #3D6746, #34254D, #100222)
• Emerald Terrace color palette (#C7EBDB, #6A9E5C, #005C41, #4E1122, #000200)
• Cellar Orchard color palette (#F1D7E5, #A84400, #004735, #1B0040, #030003)
• Velvet Chestnut color palette (#E6F3E9, #5F4A00, #131914, #030700, #040001)

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