Cocoa Cabin color palette — #FAF4EE · #E9DDC1 · #B8B892 · #A9939E · #614900

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Bone (#E9DDC1): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B8B892): A luminous, dusty green — the color of new leaves after rain.
• Dusty Rose (#A9939E): A luminous, dusty rose — the color of a warm blush.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged botanical, earthy, 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

• Dusty Fern color palette (#F7F6EB, #CEDBB6, #7BB9B7, #A78788, #394A00)
• Ancient Cocoa Cabin color palette (#FFF2EF, #E1DCCF, #B5C0CC, #D5A8AF, #7D3E24)
• Patina Coral Pier color palette (#FFF2ED, #FFC3C2, #8BD7D0, #DA9292, #3C5537)
• Hushed Stone color palette (#FFF2ED, #EFD6C0, #ECA7A4, #B5796A, #542B24)
• Tempered Balcony color palette (#FFF2EE, #F5B3B6, #7FCCD7, #7AAACA, #523C36)
• Soft Jade color palette (#F7E9D5, #B7CA7E, #46AE72, #8C6AA5, #293300)
• Patina Garden color palette (#FAEEF3, #ACCCB9, #748B64, #596079, #26352D)
• Lagoon Bloom color palette (#EFECDD, #7EB789, #009386, #804F81, #00220A)

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