Cocoa Cabin color palette — #FEF4E3 · #FFBCBE · #D1A382 · #7A9475 · #703513

Bronze and Ballet Pink set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF4E3): A whisper-light, dusty gold — the color of old brass.
• Ballet Pink (#FFBCBE): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#D1A382): A luminous, dusty gold — the color of honey in a jar.
• Eucalyptus (#7A9475): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#703513): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, 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

• Aged Mallow color palette (#FFF4E2, #FBB5F6, #D49DA5, #8C8F6A, #594041)
• Muted Sand color palette (#FDF4E5, #FFC388, #B5B174, #699786, #4B4741)
• Ancient Pier color palette (#FAF6E1, #EBA5CA, #B48862, #4D7967, #56423C)
• Ancient Orchard color palette (#E9FAEF, #FFCDDC, #C89571, #4C7895, #483A48)
• Amber Dune color palette (#FFF4DE, #FFA78A, #CD9100, #008A9A, #4D2C15)
• Apricot Delta color palette (#FFEEE5, #F99A7D, #A26F39, #5D524C, #27201D)
• Fern Grove color palette (#F6F6E9, #C0EACA, #AABD98, #AF9290, #485407)
• Aged Powder Parlor color palette (#F9F4ED, #C4E2F8, #AFC7F6, #78ABBE, #624A5A)

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