Cocoa Cabin color palette — #FFE0D7 · #773600 · #492700 · #170C00 · #020100

Bronze takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#FFE0D7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Bronze (#773600): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#492700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#170C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

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

Use it as a design system

One click turns Cocoa Cabin 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 Harbor color palette (#FFE8EA, #8E0021, #4F0F00, #210700, #030100)
• Obsidian Fern Balcony color palette (#F4EEE1, #564D00, #2C2D00, #0A1100, #000200)
• Charred Navy color palette (#F8E7D4, #694300, #003A75, #2D1A00, #000105)
• Midnight Atelier color palette (#F6EBD9, #503600, #00393B, #3A0047, #020100)
• Ancient Amber color palette (#F6E8DD, #B57600, #694D00, #3C3200, #131400)
• Hushed Olive color palette (#EEE1CF, #97904A, #457213, #502300, #020100)
• Nocturne Denim color palette (#F2DCEB, #00668E, #585500, #080D07, #020100)
• Hushed Hollow color palette (#ECEBD5, #5F6D00, #264300, #022102, #000803)

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