Weathered Cocoa color palette — #EBF9F3 · #A5DDFF · #F1BA8F · #7AB0D0 · #704001

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

The five colors

• Ivory (#EBF9F3): bright and airy, almost weightless.
• Powder Blue (#A5DDFF): A whisper-light, dusty blue — the color of open sky before noon.
• Cantaloupe (#F1BA8F): A whisper-light, balanced gold — the color of old brass.
• Cyan (#7AB0D0): A luminous, dusty blue — the color of open sky before noon.
• Bronze (#704001): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

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

• Aged Drift color palette (#FFF0F8, #D3CEFF, #D3C987, #A6A1D3, #604A00)
• Ancient Glacier color palette (#EBFAEB, #84E8EA, #F4B5A6, #5ABABC, #534B47)
• Wandering Cabin color palette (#E7FAF3, #D3DDFA, #F0B7DF, #5DA2D1, #5E3B3E)
• Dusty Powder Chapel color palette (#ECF7FF, #88CEF9, #DEA375, #5F93B4, #604350)
• Cornflower Corridor color palette (#FFEFFF, #9EC8FF, #F3B622, #388CF3, #4D3600)
• Hushed Garden color palette (#E6FBEF, #E8D7D1, #AEC8A8, #B5A89A, #435852)
• Worn Powder Hollow color palette (#D8FFF4, #CAE2FF, #91BBED, #6E8BB4, #12443B)
• Weathered Archive color palette (#E7F4FE, #87BADD, #C88D67, #0E7AAF, #432635)

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