Cocoa Cabin color palette — #FDDECC · #696269 · #872800 · #1D1B0E · #0D0300

Rust and Shell Pink set the tone — five colors that lean into sophistication.

The five colors

• Shell Pink (#FDDECC): A whisper-light, dusty gold — the color of old brass.
• Graphite (#696269): a grounded near-black with real depth.
• Rust (#872800): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#1D1B0E): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0D0300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Muted Cocoa Grove color palette (#FFE6D1, #763B00, #434C44, #1A1C13, #0B0400)
• Softworn Garnet color palette (#FBE8F4, #756417, #671B00, #352716, #130400)
• Twilit Mulberry color palette (#F3D8D3, #91003F, #39474A, #1E1307, #130001)
• Washed Bronze color palette (#FAEAE1, #B56100, #6F4100, #382100, #080400)
• Chestnut Quarry color palette (#FEF3E9, #DBA06F, #744A01, #37281A, #140E0A)
• Aged Moss Lantern color palette (#F7F6E5, #8AAC50, #484A00, #211F0B, #070501)
• Tempered Fern color palette (#E6DFCB, #A3966D, #57683A, #003C39, #000E11)
• Frosted Garnet color palette (#ECDECE, #8F5900, #316800, #7E003A, #020100)

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