Aged Cocoa color palette — #F9EDFA · #92ACDA · #7272A5 · #743F54 · #202C42

Coffee and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9EDFA): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#92ACDA): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#7272A5): A full-bodied, dusty violet — the color of wild irises.
• Coffee (#743F54): A full-bodied, dusty rose — the color of a warm blush.
• Midnight (#202C42): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Tempered Field color palette (#FCEDF6, #BB9FCB, #97658B, #764329, #2D293D)
• Cerulean Field color palette (#E3F7F5, #7AB7C2, #3F81A1, #5B4774, #13303D)
• Patina Pewter color palette (#EDF1FF, #C9CAE0, #9895A8, #7E6479, #473740)
• Turquoise Courtyard color palette (#FCF4E4, #66B3D3, #726FA8, #64592B, #364D47)
• Mulberry Meadow color palette (#FAE1F1, #9C79B3, #7E4174, #602300, #240C29)
• Muted Field color palette (#E7EEF8, #6A82B6, #333B4E, #151E2D, #080D12)
• Aged Olive Workshop color palette (#E7FBF2, #A5E9FF, #979ED0, #79762F, #304151)
• Iris Basin color palette (#ECF2FB, #D2D8E9, #C6BEF0, #908BE4, #192741)

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