Twilit Cocoa Pier color palette — #EDDDCE · #634700 · #362C00 · #0E0F00 · #010100

Bronze and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#EDDDCE): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#634700): A full-bodied, balanced gold — the color of old brass.
• Espresso (#362C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0E0F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

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

• Chestnut Ridge color palette (#F6E7E1, #8B5900, #3C3400, #121500, #000504)
• Obsidian Nightshade color palette (#D5EADE, #554D00, #2C1A9B, #231F00, #01000A)
• Eclipse Ridge color palette (#E7EDCB, #315800, #043C07, #00170B, #000201)
• Dusty Villa color palette (#DAEBE4, #7A9C68, #007E5A, #423000, #020300)
• Inked Lantern color palette (#F6E1DF, #8D1D00, #511F00, #1A0A00, #030100)
• Nocturne Onyx Veranda color palette (#F1F2D9, #3E3E00, #00364A, #44002A, #010100)
• Weathered Hollow color palette (#E2E7C6, #608300, #164F00, #002A14, #000C06)
• Aged Moss Canyon color palette (#E6E0D2, #948700, #545E00, #1F3700, #021E01)

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