Tempered Cocoa Grove color palette — #F2E9FB · #926685 · #833C43 · #1D3500 · #001A10

Rust and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F2E9FB): A whisper-light, dusty violet — the color of wild irises.
• Slate (#926685): A full-bodied, dusty pink — the color of peonies in June.
• Rust (#833C43): A full-bodied, balanced red — the color of late-summer berries.
• Deep Forest (#1D3500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#001A10): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, 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

• Tempered Bloom color palette (#FFE6EE, #A26761, #6E4420, #00332C, #00171B)
• Dusty Basalt color palette (#DBE2EE, #7F78A1, #664367, #3B2A00, #101300)
• Hushed Fern color palette (#E9E9FF, #9B8CB0, #92585E, #315000, #003223)
• Charred Chestnut Lagoon color palette (#F2DCDF, #814838, #492F0C, #001917, #000406)
• Aged Pewter Veranda color palette (#C6E5FF, #CB9BAB, #A15F68, #00484A, #001718)
• Blush Balcony color palette (#F7DFED, #DF7E8F, #935332, #005033, #002525)
• Aged Fern color palette (#FFE7EC, #CAADAB, #A37E6E, #64651A, #293920)
• Softworn Bronze Lagoon color palette (#FBE9E0, #BB9F80, #866E25, #315541, #002E26)

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