Cocoa Cabin color palette — #E8F1E8 · #C3D5C9 · #8EAFA1 · #6A4400 · #000400

A conversation between Bronze and Sage, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#E8F1E8): bright and airy, almost weightless.
• Oat (#C3D5C9): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8EAFA1): A luminous, dusty teal — the color of glacier melt.
• Bronze (#6A4400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Ancient Cocoa color palette (#F4EBF0, #DBCBD1, #8FB093, #842C00, #070004)
• Antique Basalt color palette (#E0E6E3, #AFBFBA, #739B96, #413E00, #000201)
• Aged Coast color palette (#F2E4D7, #A99F87, #7D813A, #502C00, #090300)
• Patina Parlor color palette (#D1E7E0, #689D6A, #005C3F, #451F00, #000200)
• Muted Pine Veranda color palette (#EBF8F7, #CADDE8, #9EC2CA, #007333, #00100F)
• Shadow Fern color palette (#D5E3DB, #584E00, #534850, #121A16, #030700)
• Tempered Bronze color palette (#F8E9EE, #A3BAB9, #90B388, #A35E00, #200D15)
• Pale Navy Corridor color palette (#E9DEC7, #979F5E, #316846, #1F2E78, #15002D)

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