Cocoa Cabin color palette — #DBECE3 · #74B18F · #337D96 · #5B4300 · #1F1E00

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

The five colors

• Honeydew (#DBECE3): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#74B18F): A luminous, balanced teal — the color of glacier melt.
• Slate (#337D96): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#5B4300): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#1F1E00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Petrol Loft color palette (#B8EAF1, #79ADB7, #4675A8, #424700, #00231D)
• Aged Cypress color palette (#F9E9DC, #7DAE9C, #007C71, #682F1A, #210E00)
• Washed Cerulean color palette (#D6ECD8, #2497AB, #545981, #502800, #281E00)
• Denim Villa color palette (#E3EDDD, #529DA5, #39549B, #2D3000, #070800)
• Worn Cobalt Grove color palette (#C7E9E7, #6AADC4, #4E8AD0, #8F4153, #461E05)
• Wandering Forest color palette (#E7F9FF, #89C3DE, #7E8BB0, #366239, #003136)
• Timeworn Cerulean Grove color palette (#CCF1F0, #0090B0, #224E83, #3D2741, #250B00)
• Patina Ridge color palette (#EEF6FF, #B7D4F1, #95A2BF, #577644, #004341)

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