Dusty Cocoa Harbor color palette — #FFF1F2 · #E2D8D1 · #E1BAB2 · #988B7A · #634800

Bronze takes the lead with Stone close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#E2D8D1): a clean, paper-quiet neutral.
• Stone (#E1BAB2): A whisper-light, dusty orange — the color of autumn markets.
• Gray (#988B7A): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#634800): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

Use it as a design system

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

• Aged Canyon color palette (#FFF1F4, #E6AAA6, #B78371, #6B5400, #202B02)
• Softworn Bronze Grove color palette (#FFF2ED, #F9C5B6, #BC9378, #7A6D22, #424500)
• Aged Meadow color palette (#E1FDF2, #D3C1CA, #A68A86, #5E7C6A, #415349)
• Mallow Studio color palette (#FFF1F2, #F2D3D4, #E79BBD, #A77281, #5E413B)
• Patina Fern Studio color palette (#F3F7EB, #B2E6E2, #9FB793, #718D82, #364F0E)
• Shell Pier color palette (#FFF2EE, #FFB4BB, #D8B57C, #C193A3, #47332E)
• Wandering Atelier color palette (#F4F6EE, #C1DEEF, #B6BFF2, #749C88, #564857)
• Tempered Amber Lagoon color palette (#F5DED2, #C8863D, #7F5E05, #1E3C20, #000905)

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