Cocoa Dune color palette — #FFF2EB · #B9806F · #5B8C6E · #376C4D · #632A00

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Caramel (#B9806F): A luminous, dusty orange — the color of sun-warmed clay.
• Fern (#5B8C6E): A full-bodied, dusty teal — the color of sea glass.
• Pine (#376C4D): A full-bodied, dusty teal — the color of sea glass.
• Rust (#632A00): A deep, shadowed, balanced orange — the color of toasted spice.

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

Use it as a design system

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

• Ash Delta color palette (#FFF1F3, #AC7EAC, #528D76, #3B6A58, #4D363A)
• Patina Parlor color palette (#FEF2F0, #C7818C, #437D6E, #474F7F, #56364E)
• Cocoa Hollow color palette (#FFF4E0, #CF969D, #897448, #435A7E, #6F360D)
• Petrol Balcony color palette (#F7EFF8, #C17F8B, #59916F, #006A7C, #291E2B)
• Washed Loft color palette (#FFF2EC, #BF7C72, #6A7EAC, #4A5E8B, #642908)
• Aged Driftwood color palette (#FBF4EA, #A98644, #7C5E23, #005963, #3F2E28)
• Cerulean Atelier color palette (#FEF2F0, #DB94A0, #76A98E, #30869F, #4C3833)
• Dusty Fern color palette (#FFF1F1, #E6B2AC, #A27655, #6A5E1B, #335418)

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