Dusty Cocoa Terrace color palette — #DCF2F7 · #8CB3C9 · #57799E · #794250 · #603A28

Coffee takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DCF2F7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#8CB3C9): A luminous, dusty blue — the color of open sky before noon.
• Slate (#57799E): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#794250): A full-bodied, dusty red — the color of embers at dusk.
• Cocoa (#603A28): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Antique Basin color palette (#C7EDE3, #7FAFB7, #46739E, #614820, #172C19)
• Linen Periwinkle Field color palette (#DDF4FF, #739EE0, #745F9F, #7C3C0B, #533E00)
• Antique Loft color palette (#E6F0FF, #A6AED0, #987796, #755200, #495215)
• Cocoa Garden color palette (#CEEDCA, #AAD7BE, #B79FB8, #9C7B75, #663100)
• Dusty Basalt color palette (#F0E8CB, #B4C19C, #6095AA, #766536, #554000)
• Muted Ridge color palette (#D1F1F1, #57889F, #3E527C, #631927, #3F1900)
• Misty Bronze color palette (#E1F1FD, #4797C2, #AF6224, #005E84, #542800)
• Hushed Cobalt Parlor color palette (#EFF8F0, #ADC9DD, #477DAB, #005E67, #233A62)

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