Patina Cocoa color palette — #E6F9FF · #0F9396 · #77659F · #873700 · #1C373F

A conversation between Rust and Cerulean, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0F9396): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#77659F): A full-bodied, balanced violet — the color of wild irises.
• Rust (#873700): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#1C373F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Creativity, Balance. Tagged 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

• Patina Cobalt color palette (#F0F5FF, #657EC4, #7C62A1, #794400, #283345)
• Softworn Archive color palette (#E7FBEB, #59A89D, #4669A4, #624A00, #1A4353)
• Quiet Courtyard color palette (#E2FCF6, #668E54, #4B72A7, #8A2D43, #183A34)
• Worn Denim Terrace color palette (#ECF7FF, #2A88B0, #4D4C94, #613200, #142F3E)
• Plum Dune color palette (#EAF6E8, #009B92, #A9508B, #7F3C26, #111E0E)
• Weathered Chestnut Orchard color palette (#D8F4FF, #008089, #805900, #00504A, #002C38)
• Hushed Terracotta Ridge color palette (#E8F8FD, #0A9C9C, #9A444B, #5A4500, #2E3706)
• Washed Teal color palette (#E7F9FD, #00B6AC, #BD71AB, #A35544, #1E373D)

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