Cocoa Cabin color palette — #FFF3E7 · #B1865E · #508993 · #555B8B · #593300

A conversation between Cocoa and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Caramel (#B1865E): A luminous, dusty gold — the color of afternoon light on wheat.
• Storm Blue (#508993): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#555B8B): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#593300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Hushed Bronze Hollow color palette (#FBF4EA, #A38039, #107A8D, #534A75, #3D2D27)
• Antique Coral color palette (#FFF2EE, #C4777C, #598C72, #2C6780, #4B3832)
• Washed Denim color palette (#F9F1E2, #A6935C, #4C927E, #4B589B, #2A2110)
• Softworn Fern Bloom color palette (#FEF4E3, #B3A970, #608257, #4B587C, #554700)
• Worn Summit color palette (#F7F6E5, #6D8D4C, #6B6A9F, #733C68, #33332C)
• Antique Cobalt Alley color palette (#ECF8F3, #A8B17C, #5EA598, #607AAC, #29433A)
• Bronze Station color palette (#F8F5EE, #D8DBD4, #A3AFB0, #9D7C39, #565249)
• Washed Garden color palette (#F7EED3, #787500, #31639A, #5C2E69, #302500)

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