Patina Cocoa color palette — #D9EAF3 · #678CBA · #5B5482 · #5F2400 · #261800

Espresso takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D9EAF3): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#678CBA): A luminous, balanced blue — the color of open sky before noon.
• Graphite (#5B5482): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#5F2400): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#261800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Creativity, 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

• Periwinkle Field color palette (#DAF5FF, #6C9ADC, #5B4D87, #512306, #0B0600)
• Hushed Studio color palette (#D2EBE4, #318F9F, #38678A, #60233A, #330700)
• Pewter Garden color palette (#EBEEFD, #907AA7, #814E71, #463B00, #172300)
• Patina Archive color palette (#CAF0E1, #5A9EBB, #806BBD, #595410, #252300)
• Navy Terrace color palette (#E4F2E0, #487789, #333D83, #293200, #002117)
• Iris Hollow color palette (#C6E6FA, #95B0F3, #9471BE, #7C4F2B, #4A3B00)
• Turquoise Lagoon color palette (#E2EEE5, #4BB2C3, #00718F, #004B44, #001625)
• Ash Basin color palette (#E4DFEE, #B987B1, #925D6A, #235549, #002F19)

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