Quiet Cocoa color palette — #B1F9FD · #8DDAFF · #9BAFDA · #A57E70 · #733F09

Bronze and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#B1F9FD): A whisper-light, dusty blue — the color of deep harbor water.
• Ice Blue (#8DDAFF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Mauve (#9BAFDA): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#A57E70): A luminous, dusty orange — the color of autumn markets.
• Bronze (#733F09): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

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

• Glacier Workshop color palette (#D9FFF1, #97E5F9, #96A7DC, #8D6E48, #5B411E)
• Tempered Chestnut color palette (#EAF5FF, #C0C7FF, #C6A3D7, #A4886B, #604C00)
• Seafoam Workshop color palette (#CDF7D3, #7ADFD0, #66BCD1, #A5777E, #68453E)
• Mallow Cabin color palette (#D0E0FD, #C6ADFF, #BD8BBB, #8F7747, #373D10)
• Timeworn Iris Thicket color palette (#DDF2FF, #88A8DD, #8679B9, #895A3A, #342300)
• Softworn Basalt color palette (#D4EBFF, #99B0CE, #6B70AA, #6A3C5A, #541830)
• Cornflower Alley color palette (#D8FFF4, #93CBFF, #FFAE4C, #0092EC, #543100)
• Lilac Orchard color palette (#E2E2FA, #A96EBC, #8A5B6C, #4D4700, #001902)

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