Tempered Cocoa color palette — #FCD9EC · #B09FC7 · #906B72 · #6A3631 · #3C2513

Cocoa and Mauve set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#FCD9EC): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#B09FC7): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#906B72): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#6A3631): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Espresso (#3C2513): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Softworn Cocoa Harbor color palette (#F0DBDC, #C99C97, #8B6B62, #604719, #302305)
• Ancient Powder Cabin color palette (#D4E1FC, #A7AFD7, #908FB4, #79627A, #4F3B49)
• Hushed Basalt Orchard color palette (#ECD8DE, #8F6C8F, #754360, #512100, #221200)
• Tempered Chestnut color palette (#FFEDEB, #D7BBB4, #9F8B81, #7E5E15, #403E37)
• Worn Pier color palette (#C1E9FF, #94A7CB, #8E6F9A, #2E5B4E, #204146)
• Softworn Drift color palette (#F6D9D2, #A78871, #865F2E, #244900, #002A11)
• Aged Pewter Garden color palette (#E0FFE0, #B7DACE, #B999AB, #786936, #1D4323)
• Garnet Market color palette (#EBD9DE, #754F43, #671D0A, #191400, #020300)

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