Cocoa Cabin color palette — #F8DBC9 · #7F3000 · #004257 · #371000 · #000102

Rust takes the lead with Onyx close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#F8DBC9): A whisper-light, dusty gold — the color of honey in a jar.
• Rust (#7F3000): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004257): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#371000): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#000102): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

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

• Nocturne Mulberry color palette (#FFEAE4, #900033, #004546, #3F0012, #000202)
• Nocturne Chestnut Hollow color palette (#EADFCC, #705300, #293435, #1C1200, #020100)
• Aubergine Basin color palette (#FFE7DA, #602A00, #003B2D, #280060, #030100)
• Misty Brick Courtyard color palette (#FCEAE6, #BF2B00, #005C81, #530D00, #000103)
• Nightshade Balcony color palette (#E6E0CE, #5D4A00, #2802AC, #261D00, #01000B)
• Smoked Chestnut Loft color palette (#EDDCFA, #006D6B, #6D4B00, #0C0D06, #020100)
• Muted Lantern color palette (#FEE8DA, #BD8000, #746F00, #59170F, #060200)
• Feathered Orchard color palette (#F5DAE9, #A94700, #086B15, #5E2400, #000900)

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