Patina Cocoa color palette — #D6F3FB · #75ACC5 · #6D86A7 · #813E47 · #5C2604

Built around Coffee, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Frost (#D6F3FB): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#75ACC5): A luminous, dusty blue — the color of open sky before noon.
• Slate Blue (#6D86A7): A luminous, dusty blue — the color of deep harbor water.
• Coffee (#813E47): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#5C2604): A deep, shadowed, balanced orange — the color of toasted spice.

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

Use it as a design system

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

• Weathered Cerulean Balcony color palette (#CEF3EF, #81B8BE, #338C9F, #744D78, #562933)
• Washed Parlor color palette (#D6E9FB, #97A6C7, #8C74A6, #7D512C, #3D3400)
• Tempered Meadow color palette (#D8FEFF, #7AC3DD, #778CB4, #68483F, #361E0A)
• Patina Basalt color palette (#D3EDFE, #7580AD, #665080, #562E00, #211A00)
• Ancient Sky color palette (#D0E4D8, #5EC2E3, #9293C2, #9E6638, #582C00)
• Softworn Harbor color palette (#EEF2E2, #5D9F95, #416591, #574907, #2B3A11)
• Ash Drift color palette (#EBF7FF, #BACADE, #929BC1, #8D697B, #3F5543)
• Sky Summit color palette (#CFE1F1, #51B1FA, #AA6100, #0068A4, #3F2000)

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