Cocoa Coast color palette — #FFF2F0 · #E1DACF · #DCABB5 · #9CB2B3 · #793B22

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DACF): a clean, paper-quiet neutral.
• Rosewood Mist (#DCABB5): A luminous, dusty red — the color of embers at dusk.
• Ash (#9CB2B3): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#793B22): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Cocoa Coast 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 Powder color palette (#FFF1F5, #E4D9D3, #ACB5AE, #A8B0DA, #5C4B4D)
• Washed Cocoa Field color palette (#FFF3E8, #DCE1C9, #B7BFD3, #CD9383, #624300)
• Washed Cocoa color palette (#DDFFE7, #FFE8E6, #D2CED9, #75361E, #2B211E)
• Wandering Oat color palette (#FBF1FD, #EAD5D9, #EAB8B4, #8C809E, #584656)
• Aged Bronze Garden color palette (#FEF3E8, #DFE2BE, #D0A579, #A66943, #4D3E00)
• Tempered Sky color palette (#FFF2ED, #FBAAAB, #66BAE0, #837BA7, #3F2D26)
• Hushed Straw Thicket color palette (#FFF2EE, #FFF37E, #E0DACE, #C772A3, #473F3C)
• Weathered Aubergine color palette (#FFD3D9, #E59D76, #9E8400, #6D1766, #050000)

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