Cocoa Ridge color palette — #FCF0DF · #AFAF7C · #8A7045 · #723C0D · #24240D

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

The five colors

• Cream (#FCF0DF): A whisper-light, dusty gold — the color of old brass.
• Sage (#AFAF7C): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#8A7045): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#723C0D): A full-bodied, balanced gold — the color of old brass.
• Onyx (#24240D): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Airy Bronze color palette (#FFE4C9, #B69E4D, #995A00, #6E2C22, #211C00)
• Patina Pewter color palette (#FFF3E2, #B4A77C, #846F44, #654D2A, #403D36)
• Aged Atelier color palette (#FBEFE7, #C1B567, #7D4323, #382110, #150903)
• Antique Apricot Orchard color palette (#F9F0EA, #EA9E7E, #00858A, #925033, #071108)
• Patina Bloom color palette (#F7E2C7, #908939, #734C00, #531F08, #100F00)
• Tempered Studio color palette (#FFE2D4, #D2AC4D, #6E8338, #105B31, #002B2B)
• Weathered Taupe Loft color palette (#EAFAEC, #E8DEAD, #B59A65, #845E6C, #1E382E)
• Olive Cabin color palette (#F3ECDD, #5E7F00, #504300, #361B00, #040600)

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