Cocoa Cabin color palette — #E4F2E6 · #006D73 · #624900 · #242C00 · #000102

Bronze and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E4F2E6): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#006D73): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#624900): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#242C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Deep Abyss color palette (#CBEDE8, #004F49, #443400, #251B00, #000605)
• Feathered Plum Loft color palette (#FFE8E4, #CF0A61, #795A00, #303F00, #040000)
• Obsidian Garnet Terrace color palette (#DBF1FE, #004B61, #6B0015, #291800, #000102)
• Soft Bronze Summit color palette (#D0E5EC, #008AA6, #A65900, #7F4300, #000608)
• Patina Peony color palette (#FFF1F1, #DC489A, #A26800, #545000, #170001)
• Aged Blush Veranda color palette (#FFF2EF, #E67397, #AC8300, #5B6700, #240E0B)
• Mulberry Orchard color palette (#EFDFF1, #0061AC, #830077, #4F001F, #000104)
• Fuchsia Studio color palette (#FFF1F4, #DD74F2, #EB6100, #895D00, #2E1018)

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