Cocoa Garden color palette — #F1E6E0 · #C0B0A2 · #A48769 · #712A00 · #140702

Built around Rust, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#F1E6E0): bright and airy, almost weightless.
• Rosewood Mist (#C0B0A2): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A48769): A luminous, dusty gold — the color of old brass.
• Rust (#712A00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#140702): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Aged Bronze Coast color palette (#EFE8E1, #AD9D89, #997533, #4F2D00, #090300)
• Weathered Dune color palette (#F2E4EE, #CEAFBA, #7E9486, #742813, #271B23)
• Timeworn Grove color palette (#F9F0E5, #DED2BD, #B5AD7F, #795300, #251702)
• Tangerine Archive color palette (#F5E4D4, #F26B2B, #BC6F00, #674F00, #0B0400)
• Worn Bronze color palette (#F6F1EC, #DAD8CE, #BFBFAA, #946A4D, #312B25)
• Washed Dune color palette (#ECE2D5, #958133, #4D5500, #00342D, #001702)
• Wandering Chestnut color palette (#EFDEC3, #915400, #4C3800, #002613, #0A0400)
• Garnet Thicket color palette (#F2EBE8, #BFAFA7, #A6866F, #77201C, #120804)

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