Powdered Cocoa color palette — #B0F3E6 · #8AD5E6 · #89ADCC · #AE6B80 · #79361F

A conversation between Rust and Mocha, giving this palette its sense of trust and stability.

The five colors

• Sea Foam (#B0F3E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Ice Blue (#8AD5E6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#89ADCC): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#AE6B80): A luminous, balanced rose — the color of strawberry cream.
• Rust (#79361F): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Trust, Stability, Calm, Balance. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Powdered 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

• Dusty Driftwood Grove color palette (#CAF3FF, #AAD4FB, #A1A5D8, #B77A6B, #624012)
• Driftwood Loft color palette (#D5F0C0, #9CD9BA, #6DBFC7, #9974AF, #6F3551)
• Worn Ash color palette (#CFF6F7, #86C1DC, #7798C2, #945E62, #4C2814)
• Chestnut Workshop color palette (#CDEBFF, #7C8EC9, #8164A2, #814100, #271F00)
• Hazy Aqua color palette (#AEF0E2, #30C6E6, #5B87AB, #673E4B, #4B231A)
• Hushed Bronze color palette (#ECF0BC, #98D4B3, #499FC2, #806818, #554300)
• Worn Lilac color palette (#DDEFFF, #AFB5FB, #B281D1, #A46700, #433B00)
• Tempered Cocoa Meadow color palette (#E4E9FA, #8D7CB1, #83587A, #584700, #0A1100)

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