Cocoa Cabin color palette — #FFF0F8 · #D8A783 · #A4643F · #7A2600 · #240513

Rust and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Camel (#D8A783): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#A4643F): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#7A2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#240513): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Muted Alley color palette (#FFF1F5, #D1AC77, #A36712, #6B3700, #001806)
• Dusty Cocoa color palette (#FDE8DA, #AC7B41, #873B09, #511F20, #150C00)
• Linen Veranda color palette (#FFF1F5, #EDCA97, #C18237, #8F4B00, #352500)
• Amber Canyon color palette (#F4DBE8, #D5A875, #D76C2A, #A14E4D, #0E2B1A)
• Weathered Workshop color palette (#FBE6EF, #956738, #5C2E00, #240900, #020100)
• Sunlit Olive Orchard color palette (#DBFFEC, #BBC26F, #8B8100, #5D4C00, #151B00)
• Worn Driftwood Loft color palette (#FDF1F8, #EFD3D3, #CAA0B8, #9F6B5D, #4E3841)
• Dusty Bronze color palette (#EDF9EF, #C4E7CF, #B69963, #876332, #20382B)

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