Cocoa Chapel color palette — #F4EDE4 · #D9CFBA · #A3AC7B · #684600 · #050200

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

The five colors

• Cream (#F4EDE4): a clean, paper-quiet neutral.
• Oat (#D9CFBA): A whisper-light, dusty gold — the color of old brass.
• Sage (#A3AC7B): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#684600): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#050200): quiet, heavy and certain.

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

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

• Softworn Garnet color palette (#F7EBE6, #DDCCC0, #C19F7A, #89231A, #070100)
• Basalt Atelier color palette (#E2DFD5, #BCBCAD, #8F9677, #3F3F00, #020100)
• Basalt Quarry color palette (#E6F2E7, #9FADA3, #6E8579, #4A3300, #08180B)
• Patina Basin color palette (#E4E3C5, #4BA45F, #005C43, #432100, #010100)
• Weathered Forest Cabin color palette (#F4F6F0, #CFDED6, #ABC2AA, #00733D, #0B0E04)
• Muted Bronze Market color palette (#EEE8E1, #ADB4A0, #889F88, #9E6200, #1C1105)
• Obsidian Fern Alley color palette (#E6DFCD, #4B5459, #554F00, #111A16, #030700)
• Navy Delta color palette (#F8F0D1, #8FA26A, #006E46, #1F2E6A, #180126)

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