Misty Cocoa color palette — #ECFAEC · #009397 · #A15377 · #843B00 · #263827

Bronze and Magenta Rose set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#ECFAEC): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#009397): A luminous, balanced teal — the color of glacier melt.
• Magenta Rose (#A15377): A full-bodied, balanced rose — the color of a warm blush.
• Bronze (#843B00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#263827): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Misty Cocoa 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

• Cerulean Cabin color palette (#EBFAEE, #0090A0, #854164, #5D3900, #282E15)
• Timeworn Garnet Chapel color palette (#F0F9E6, #3D9374, #816296, #86333D, #31342E)
• Tempered Chestnut Orchard color palette (#EBF9F3, #6398B3, #A96C67, #7A5820, #2F423A)
• Petrol Thicket color palette (#FFF4E2, #61A0C2, #5564A8, #7C3616, #19463C)
• Mulberry Parlor color palette (#C6F1D8, #00748D, #A6003D, #583200, #00242D)
• Muted Cornflower color palette (#FEF0FF, #3D89DD, #8A3C00, #504C00, #0E2C4D)
• Moss Chapel color palette (#F5F3DE, #759333, #AA5D35, #5E5200, #1D1B07)
• Pale Canyon color palette (#FBE8F5, #5D69B4, #904D00, #3E4B00, #371B30)

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