Tempered Cocoa Grove color palette — #F8E3FD · #B0DEFF · #FFB5A9 · #703415 · #3C332F

A conversation between Rust and Rose Quartz, giving this palette its sense of trust and stability.

The five colors

• Blush (#F8E3FD): A whisper-light, dusty pink — the color of a candy shop window.
• Powder Blue (#B0DEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Rose Quartz (#FFB5A9): A whisper-light, balanced orange — the color of sun-warmed clay.
• Rust (#703415): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#3C332F): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

One click turns Tempered Cocoa Grove 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 Balcony color palette (#EEDFD9, #B3CAFF, #FFA56F, #613200, #322720)
• Washed Basalt color palette (#FFE9DD, #D5D2E6, #B0A4A4, #553B49, #291F24)
• Patina Cocoa color palette (#FCF4EA, #E1D09E, #967751, #6C4300, #322A20)
• Dusty Atelier color palette (#B7FFE1, #E3E1FF, #E793E5, #5E494C, #362D2E)
• Antique Mustard Delta color palette (#FFD9E0, #93E99D, #F1B13C, #344B46, #2B332C)
• Aged Moss Quarry color palette (#F8E8F5, #FFA099, #969800, #2B2C00, #181200)
• Dusty Teal Courtyard color palette (#FBF4ED, #FBC68F, #47B09C, #AD8357, #283124)
• Worn Corridor color palette (#FBEAFB, #9C9FFF, #E97E00, #3E250B, #180C03)

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