Cocoa Terrace color palette — #FDE4CF · #683500 · #003C4D · #00212B · #0B0300

Bronze and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#FDE4CF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#683500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Teal (#003C4D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#00212B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0B0300): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Garnet Corridor color palette (#FFDBCF, #830024, #003E42, #002224, #0E0100)
• Charred Onyx color palette (#F0E6DA, #634300, #002B51, #17003E, #0C0010)
• Faded Brick Meadow color palette (#F6E2D7, #B83000, #003C34, #4A0E00, #010200)
• Cellar Onyx Veranda color palette (#FBE4CF, #7D4A00, #053B06, #1A004B, #0F0B00)
• Antique Driftwood color palette (#F2E6D9, #AFA996, #7D8640, #4F2F00, #1B1207)
• Aubergine Balcony color palette (#E6DECD, #524300, #360092, #1D0056, #060400)
• Bronze Station color palette (#FFDDC3, #995300, #005D94, #004068, #321700)
• Hazy Station color palette (#E7E5D4, #465A00, #630587, #3F0057, #100E00)

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