Cocoa Cabin color palette — #FADAEA · #793700 · #004258 · #341400 · #000102

A conversation between Bronze and Deep Teal, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FADAEA): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#793700): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#004258): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#341400): A deep, shadowed, dusty gold — the color of old brass.
• 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

• Deep Garnet color palette (#EADAE9, #910025, #004545, #40000B, #000202)
• Lowlit Summit color palette (#E0EFE4, #705300, #342A30, #1A1300, #020100)
• Worn Meadow color palette (#FFE6F1, #A45000, #005D7B, #461E00, #000102)
• Aubergine Courtyard color palette (#F4E1D4, #5B2E00, #003A31, #2E005A, #030100)
• Navy Villa color palette (#D5E9D8, #624700, #00269F, #291C00, #000009)
• Shadow Chestnut color palette (#EDDDF0, #006D66, #684D00, #040F0D, #000200)
• Gentle Bronze color palette (#F2E2D6, #A05000, #006A32, #592900, #000802)
• Aubergine Pier color palette (#CDE7DD, #576200, #5C00AD, #282D00, #040010)

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