Dusty Cocoa Ridge color palette — #F4F8E4 · #8BC08A · #C18A6D · #557F55 · #733D0B

Bronze and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F8E4): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#8BC08A): A luminous, balanced green — the color of new leaves after rain.
• Caramel (#C18A6D): A luminous, dusty orange — the color of toasted spice.
• Fern (#557F55): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#733D0B): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged muted.

Use it as a design system

One click turns Dusty Cocoa Ridge 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

• Patina Terrace color palette (#EBFAEB, #3EC6C4, #A6995D, #1B8281, #504D46)
• Pine Villa color palette (#F0F4E6, #94C09A, #B58BB9, #438250, #49242D)
• Bronze Coast color palette (#FDF4E7, #C9B594, #A17839, #805214, #5C4300)
• Hushed Basin color palette (#F9F6E2, #A8BA68, #45A7C0, #6D7943, #345643)
• Worn Teal Study color palette (#F0F8ED, #58C5B7, #8F92D0, #278278, #5F4355)
• Fern Boulevard color palette (#F2F8E9, #C3E0F5, #BFDABE, #899075, #405B1C)
• Wandering Mallow color palette (#E6FAF8, #9FD4A7, #CF9ECF, #679B70, #4F4766)
• Aged Stone color palette (#F1F8EC, #BCC889, #286B5C, #313D29, #1E2723)

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