Cocoa Grove color palette — #F3ECF2 · #DBC5CE · #91A699 · #7E3F3F · #332B32

A conversation between Coffee and Taupe, giving this palette its sense of sophistication.

The five colors

• Blush (#F3ECF2): bright and airy, almost weightless.
• Oat (#DBC5CE): A whisper-light, dusty rose — the color of a warm blush.
• Taupe (#91A699): A luminous, dusty teal — the color of glacier melt.
• Coffee (#7E3F3F): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#332B32): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns 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 Archive color palette (#FAF2F8, #D0DFDA, #A5B9AF, #8E5042, #41373E)
• Weathered Terracotta Harbor color palette (#F2E6E0, #D7C8BF, #B2A091, #873A2A, #20120B)
• Hushed Lantern color palette (#F6EAF1, #ACBFAE, #74978A, #702D0E, #261B22)
• Coral Dune color palette (#F5ECE9, #D8D3C4, #BABBA3, #DA6C63, #392A24)
• Driftwood Field color palette (#F0F7F2, #D0DFE0, #AEACB7, #6D8A75, #4E5450)
• Washed Spruce color palette (#DAE6DF, #899F9B, #58777A, #322B00, #020C06)
• Weathered Study color palette (#ECF9F3, #CADEE4, #9DC4CC, #6F6F00, #30453C)
• Fern Balcony color palette (#F3DEE5, #938F3F, #206611, #363A5D, #0E3023)

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