Patina Cocoa Harbor color palette — #FFF2F0 · #ECD6C4 · #DABD81 · #A37FA9 · #6C2F14

Rust and Sand set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#ECD6C4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#DABD81): A luminous, balanced gold — the color of honey in a jar.
• Dusty Rose (#A37FA9): A luminous, dusty pink — the color of neon signs at night.
• Rust (#6C2F14): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Patina 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

• Cocoa Veranda color palette (#FFF2F0, #EFD8BB, #BFBA7E, #7B619B, #672B0F)
• Softworn Sand Parlor color palette (#FFF2E9, #FDE3A5, #B3C896, #B17D7E, #553400)
• Antique Terrace color palette (#FFF1F5, #F9D1D0, #F4B09B, #818ABD, #4E3338)
• Lilac Ridge color palette (#FCF1FF, #EFDBC4, #E9D98D, #B48CD5, #523B52)
• Powdered Studio color palette (#FFF2ED, #FFD078, #A8D13E, #B45971, #52340B)
• Cocoa Balcony color palette (#FFF2E9, #DDDFCB, #AEBAD2, #C4A194, #6D4500)
• Dusty Bronze color palette (#F5E5D5, #C5AB6B, #A7743C, #7B4E3D, #32302A)
• Dusty Marigold color palette (#FFD1D9, #F3AB8B, #BCA02B, #925188, #3F1810)

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