Cocoa Terrace color palette — #FFE0E9 · #876E35 · #5F3A00 · #3A1700 · #070500

Bronze and Walnut set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#FFE0E9): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#876E35): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#5F3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#3A1700): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#070500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Patina Canyon color palette (#D3F2E1, #6E792E, #4C4500, #2E2000, #020700)
• Obsidian Chestnut Studio color palette (#F3E2E9, #734700, #431E00, #210400, #020100)
• Bronze Grove color palette (#FFDFEA, #C39849, #975B07, #6E2E00, #231C00)
• Amber Cabin color palette (#FADCE6, #B0993C, #885100, #59180C, #030500)
• Moss Station color palette (#F4F1CF, #879737, #665D00, #463300, #081600)
• Bronze Parlor color palette (#E8F6EA, #8EB79E, #8B7041, #674320, #0D291F)
• Bronze Alley color palette (#CEF1F8, #987200, #00322C, #181317, #000A08)
• Gentle Alley color palette (#C9F2FC, #005F5C, #77005D, #461500, #000303)

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