Cocoa Cabin color palette — #FAF4EA · #DDE1CA · #97844E · #5B4100 · #201A11

A conversation between Bronze and Caramel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EA): bright and airy, almost weightless.
• Celadon Mist (#DDE1CA): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#97844E): A luminous, dusty green — the color of a quiet forest floor.
• Bronze (#5B4100): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#201A11): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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 Market color palette (#F0F9E8, #EAE0B8, #47846E, #2A4100, #0D1108)
• Weathered Bronze color palette (#F9F5EC, #F3DBB0, #AE9D6D, #886721, #312A1E)
• Patina Archive color palette (#EBF5EE, #B0CCB4, #6E6037, #3D2F00, #0B170F)
• Washed Amber color palette (#EAF3D4, #E28B00, #004925, #1D292B, #000B03)
• Softworn Teal Veranda color palette (#F9F5EC, #C1E3CD, #65C2AC, #A99A62, #1A2116)
• Velvet Bronze color palette (#E9DFC2, #9F7100, #1F1C00, #0B0C06, #010100)
• Hushed Mustard Cabin color palette (#FCF4E6, #E1C05F, #ADA6DF, #817CA6, #35312B)
• Celadon Field color palette (#FFF3E8, #CFE89F, #6CB1A5, #91646A, #3E4400)

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