Patina Cocoa color palette — #D1E9F9 · #00759D · #873B00 · #003043 · #030100

A conversation between Burnt Sienna and Slate, giving this palette its sense of trust and stability.

The five colors

• Frost (#D1E9F9): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Burnt Sienna (#873B00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#003043): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

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

• Worn Harbor color palette (#D1EFF8, #007A7E, #A10020, #003234, #040000)
• Timeworn Cocoa color palette (#D7F9EA, #005978, #652B00, #002433, #0F0300)
• Sapphire Study color palette (#E4EFFF, #3263CC, #685100, #00187B, #020100)
• Antique Mulberry color palette (#D9F0FF, #005B85, #820046, #2F3600, #000103)
• Pale Workshop color palette (#DAEFFF, #0089B8, #B05200, #005C7D, #0E0300)
• Moonless Villa color palette (#CCECD4, #7C7526, #4B3900, #1D0F00, #010100)
• Muted Cobalt color palette (#E0F1FF, #1D8FD6, #004473, #1D1821, #00050F)
• Softworn Courtyard color palette (#DDEDFA, #8BB0F2, #967CDA, #004450, #000105)

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