Weathered Cocoa color palette — #F1D8E4 · #B7899C · #8B5632 · #6A2500 · #280E18

Built around Rust, softened by Coffee — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F1D8E4): A whisper-light, dusty rose — the color of a warm blush.
• Dusty Rose (#B7899C): A luminous, dusty rose — the color of strawberry cream.
• Coffee (#8B5632): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6A2500): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#280E18): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Bronze color palette (#FFDFEB, #C39662, #9C5700, #6B3000, #281900)
• Chestnut Studio color palette (#D3E7D3, #80A386, #825C1D, #5A3400, #001E0D)
• Weathered Amber Corridor color palette (#FFF0F7, #E3C195, #BA774E, #84423D, #0B2818)
• Timeworn Chestnut Dune color palette (#D3EFF2, #00896B, #964F00, #564000, #001416)
• Chestnut Lantern color palette (#D6F2DD, #706120, #453300, #231500, #020200)
• Forest Ridge color palette (#E9F5EF, #A5C3B8, #628E7A, #3A624C, #1B312B)
• Aubergine Hollow color palette (#E7E7FE, #A793D7, #7E4EA7, #5A0073, #2D002F)
• Jade Studio color palette (#DCECF7, #79B07F, #004D69, #001F2D, #00060D)

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