Dusty Cocoa color palette — #F7F5ED · #CADDCB · #89895A · #554500 · #1D1B14

Deep Olive and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F5ED): bright and airy, almost weightless.
• Silver (#CADDCB): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#89895A): A luminous, dusty green — the color of fresh herbs.
• Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#1D1B14): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Tempered Atelier color palette (#F0F9EA, #FFE2A5, #398673, #2E3E21, #0C1109)
• Aged Delta color palette (#F8F5EB, #F3DAB9, #A89E78, #7E6C21, #2F2B1D)
• Patina Spruce Garden color palette (#EAF5F0, #B0CCB1, #626539, #323404, #081711)
• Aged Marigold color palette (#E9F2DD, #CB9900, #004831, #1D292D, #000B05)
• Mustard Coast color palette (#F9F6E5, #BFCC76, #95ADE6, #9F757D, #33322B)
• Nocturne Meadow color palette (#F0ECD5, #9A7300, #181E00, #090C06, #010100)
• Patina Station color palette (#F6F5ED, #E9FFBC, #58C2BD, #8FA364, #182117)
• Patina Thicket color palette (#FFF4E2, #A8F1B9, #5BB3AF, #8F656E, #3D403A)

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