Dusty Cocoa color palette — #F3F3E8 · #B0B799 · #4D816E · #73445A · #252A12

Coffee takes the lead with Fern close behind in a set that reads as sophistication and grounding at first glance.

The five colors

• Cream (#F3F3E8): bright and airy, almost weightless.
• Sage (#B0B799): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4D816E): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#73445A): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#252A12): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Faded Veranda color palette (#F6F2E0, #8EB57C, #2C7D4D, #743A1B, #0E2800)
• Ancient Cypress Quarry color palette (#EAF9F2, #83BCB7, #298379, #5D5471, #2F4846)
• Driftwood Lagoon color palette (#F6F1E8, #CBC4A6, #89873E, #8E4D33, #33312A)
• Pale Pewter color palette (#FFEFDA, #B08539, #009196, #885396, #2A1B03)
• Tempered Workshop color palette (#FFF0D8, #CCB381, #97741A, #583F00, #1E1300)
• Dusty Lagoon Orchard color palette (#ECF8F5, #A8D0B0, #3AA484, #7A6B85, #2D4846)
• Garnet Lagoon color palette (#F4E2C7, #A09746, #526400, #770027, #191600)
• Forest Coast color palette (#E1E0D1, #6C9B71, #006548, #582B00, #111400)

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