Patina Cocoa color palette — #E7F7EA · #77B6CA · #63799D · #74423A · #1B2E3D

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

The five colors

• Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#77B6CA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#63799D): A full-bodied, dusty violet — the color of twilight just after sunset.
• Coffee (#74423A): A full-bodied, dusty orange — the color of sun-warmed clay.
• Midnight (#1B2E3D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Worn Turquoise color palette (#E8F4FB, #57A8C9, #816396, #6F3C30, #252B02)
• Patina Chestnut Loft color palette (#FDF4E6, #74B6AA, #5878A7, #72540D, #374E3E)
• Worn Lagoon color palette (#E7F6F1, #A9CBC7, #5F8C8D, #4B676E, #213533)
• Dusty Iris color palette (#E3F8E7, #9794D2, #855986, #534606, #1F2037)
• Antique Canyon color palette (#FFF1F5, #AAEBE9, #8FA0D2, #8E6572, #294351)
• Cerulean Lantern color palette (#E3EFFA, #458AB9, #323C4C, #171F26, #080D11)
• Lapis Quarry color palette (#DBFCE1, #009AE7, #574FB9, #632D00, #001A40)
• Wandering Lagoon color palette (#E8F4FD, #C0D2EF, #C1ABA8, #8D9DD0, #192E43)

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