Cocoa Garden color palette — #F1E1EC · #9A5D6B · #7B2F0A · #00361C · #01202B

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

The five colors

• Blush (#F1E1EC): A whisper-light, dusty pink — the color of peonies in June.
• Pewter (#9A5D6B): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#7B2F0A): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#00361C): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#01202B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Tempered Basalt color palette (#F3D7D9, #805E75, #533300, #002724, #00141C)
• Peony Basin color palette (#E0DEEF, #B5668B, #824C17, #00484F, #002125)
• Tempered Pewter Balcony color palette (#E0DBFD, #835B90, #693A50, #2D2C00, #001F17)
• Blush Balcony color palette (#FFE8F7, #D67688, #AA5733, #365F45, #0B240A)
• Pale Terracotta Chapel color palette (#EFE2ED, #A3302F, #00565F, #5A0008, #001316)
• Timeworn Station color palette (#F8E9E1, #9B8455, #515905, #003D54, #112353)
• Moonless Rust Terrace color palette (#F4DFD9, #B8471D, #5C1D00, #220700, #060100)
• Patina Plum Study color palette (#FFE3EF, #BE2561, #7C001A, #470200, #260800)

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