Cocoa Chapel color palette — #E2F5DE · #00645D · #653A00 · #343100 · #001F0B

Bronze takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E2F5DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Pine (#00645D): A full-bodied, dusty teal — the color of shallow lagoons.
• Bronze (#653A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#343100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001F0B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Hushed Petrol color palette (#D7ECE2, #006988, #3E3C00, #00310E, #001602)
• Powdered Market color palette (#EEF6D6, #006831, #850308, #3C2400, #121800)
• Shadow Spruce Quarry color palette (#D6F3E0, #4F474D, #00333A, #211900, #050C00)
• Dusty Orchard color palette (#FEF1F9, #686FB5, #1A683F, #004B4F, #0D3028)
• Softworn Fern color palette (#EDF9F0, #4095A0, #7C642D, #41591E, #323B2C)
• Muted Brick color palette (#E6F6FF, #0088A4, #B30024, #125403, #001920)
• Navy Atelier color palette (#FBE8F9, #0047A1, #0F3E00, #00241F, #00090F)
• Softworn Byzantium color palette (#FFDEE2, #B11CAA, #90002B, #4D2800, #272600)

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