Tempered Cocoa Garden color palette — #FAF0E1 · #8DAFD2 · #77729F · #764416 · #372535

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

The five colors

• Cream (#FAF0E1): A whisper-light, dusty gold — the color of old brass.
• Mauve (#8DAFD2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#77729F): A full-bodied, dusty violet — the color of twilight just after sunset.
• Bronze (#764416): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#372535): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Washed Fern Courtyard color palette (#F9F1E4, #C99CB0, #956789, #57551D, #3A252C)
• Dusty Cocoa color palette (#F8F1E5, #7DB7BB, #4A7EA3, #7B3B46, #193224)
• Tempered Cocoa Lantern color palette (#F8EEF8, #829EC4, #945C84, #713D00, #112F0F)
• Patina Turquoise Quarry color palette (#EAFAF1, #5AB6CC, #776DA8, #5F5C21, #384A5A)
• Petrol Chapel color palette (#F5F1EB, #C8E2E4, #7D9ECB, #2A7688, #442E3F)
• Antique Hollow color palette (#EBFAEE, #96C3F0, #9089C7, #89664B, #3F4857)
• Softworn Cobalt Pier color palette (#F4EAF1, #7081B2, #4A333E, #261A23, #080E0C)
• Patina Bloom color palette (#F5E7D2, #8C7FBD, #7E4175, #403A00, #2B0A18)

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