Weathered Cocoa Ridge color palette — #EADEF4 · #B19FB4 · #8C6C86 · #5A4719 · #282700

Deep Olive and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#EADEF4): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#B19FB4): A luminous, dusty pink — the color of neon signs at night.
• Slate (#8C6C86): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Olive (#5A4719): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#282700): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Ancient Pewter Drift color palette (#EBECFF, #ABA5C2, #89607B, #694230, #391B28)
• Muted Forest color palette (#FCEBFF, #C2AFBF, #9A798D, #3D6352, #183C33)
• Tempered Workshop color palette (#FFDEE2, #D3ABAC, #BD7E8F, #8A5A22, #563B00)
• Ancient Veranda color palette (#F3E2FD, #A56D73, #7E3F36, #3D3100, #111200)
• Antique Bronze color palette (#FFDCD6, #C98C6E, #9F5B00, #304C00, #00310A)
• Dusty Chestnut color palette (#FFEBDC, #7B997D, #75651B, #174E36, #00241D)
• Antique Cypress Archive color palette (#FFEBF7, #DCC3CE, #879F86, #46756D, #2A4645)
• Hushed Cocoa Archive color palette (#FFE9E4, #8E5E45, #643B00, #132900, #000B02)

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