Weathered Cocoa Bloom color palette — #ECF5EA · #61ACA2 · #806592 · #664500 · #1D2D0D

A conversation between Bronze and Turquoise, giving this palette its sense of nature and growth.

The five colors

• Cream (#ECF5EA): bright and airy, almost weightless.
• Turquoise (#61ACA2): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#806592): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#664500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#1D2D0D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Weathered Cocoa Bloom 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 Dune color palette (#F2F2EA, #89A776, #53739F, #793236, #1B2E06)
• Forest Harbor color palette (#E9F5F0, #70A4C0, #965F6E, #315722, #002B3E)
• Pewter Thicket color palette (#FAF2FB, #719BCC, #80609E, #764051, #264B37)
• Worn Cabin color palette (#ECF7FC, #66C2CA, #AE77A2, #706C24, #1F4B43)
• Tempered Lagoon Orchard color palette (#F4F2E7, #C1C7A8, #588F80, #4D695A, #30322B)
• Worn Chestnut Summit color palette (#E5F8E5, #B2D0C5, #A38494, #84611B, #424400)
• Weathered Cobalt color palette (#E0F2ED, #5187BC, #493440, #0F221E, #080E0B)
• Weathered Mulberry color palette (#DDF3EC, #3B82B7, #7F3764, #353700, #001625)

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