Cocoa Atelier color palette — #D9E5D5 · #006E63 · #623800 · #2B2800 · #040600

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

The five colors

• Parchment (#D9E5D5): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#006E63): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#623800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#2B2800): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#040600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Velvet Abyss Cabin color palette (#D9ECDF, #00535F, #392C00, #0A1C00, #000200)
• Brick Ridge color palette (#FFE8E0, #B40029, #5A4A00, #0E3800, #000807)
• Dusty Lagoon color palette (#FFEDE9, #009098, #735300, #364200, #0B1402)
• Weathered Olive Workshop color palette (#F9F0EB, #B67264, #6F6B00, #295A2F, #141F15)
• Muted Garden color palette (#FFEBFB, #2B65FC, #056113, #00433D, #00110A)
• Mulberry Meadow color palette (#D5E9FF, #007FE2, #992499, #005342, #00141E)
• Violet Chapel color palette (#FFF0F8, #7F5AF1, #9C0050, #353400, #000302)
• Frosted Byzantium Harbor color palette (#FFECF0, #9241A8, #8D1500, #472D00, #0C0A00)

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