Weathered Cocoa color palette — #EFFADE · #A9E5F3 · #D1AECE · #9C8978 · #724103

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

The five colors

• Custard (#EFFADE): A whisper-light, dusty green — the color of a quiet forest floor.
• Powder Blue (#A9E5F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Mauve (#D1AECE): A luminous, dusty pink — the color of peonies in June.
• Caramel (#9C8978): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#724103): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

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

• Driftwood Alley color palette (#CAF0FF, #B6C6FF, #C3A2C8, #9B833C, #584500)
• Cocoa Alley color palette (#F7F8D6, #C8DEB9, #9CC1B1, #A4897F, #7A3B23)
• Muted Grove color palette (#D5FFFB, #CADEFA, #A6B1C6, #866F7A, #5E4351)
• Weathered Powder color palette (#C7EEDC, #A6B1F2, #B689B8, #797870, #3A3932)
• Powder Archive color palette (#FDF3EC, #BDEFF0, #90C1FB, #58A7A7, #564050)
• Apricot Orchard color palette (#E1FDF1, #8FD6FF, #F6AA6E, #5AA8D4, #5C391D)
• Azure Dune color palette (#D2E4E0, #00A4C8, #6B75AD, #72471F, #2F1800)
• Lilac Quarry color palette (#D7E1EE, #9E95E6, #AC698F, #3A693F, #00351B)

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