Cocoa Cabin color palette — #FFF2E9 · #DDE0CB · #C4C7D5 · #D0B2A0 · #6B4600

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Bone (#DDE0CB): A whisper-light, dusty green — the color of a quiet forest floor.
• Oat (#C4C7D5): a calm mid-gray that lets other colors speak.
• Rosewood Mist (#D0B2A0): A luminous, dusty gold — the color of old brass.
• Bronze (#6B4600): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Softworn Loft color palette (#FFF2EA, #E0DFC0, #CBA68B, #917268, #4E3D00)
• Wandering Summit color palette (#FFF0F7, #C6E3ED, #A7C3DB, #AF7171, #435343)
• Cocoa Station color palette (#F9F5EB, #DEDFCB, #8E8757, #584300, #1F1B11)
• Mustard Drift color palette (#F4DCCB, #C3BE5F, #3FA889, #712936, #020100)
• Worn Studio color palette (#FFF3E2, #C3FAE0, #D9DFEB, #C28B73, #34332C)
• Worn Mustard color palette (#FDF5E1, #D6C466, #ACA7D9, #807CA7, #34312B)
• Bronze Quarry color palette (#E3FFD7, #C8F0FA, #C3CDF2, #9C7C00, #00381C)
• Antique Hollow color palette (#FFF5D9, #A3F19E, #55D3E4, #975516, #071E00)

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