Patina Cocoa color palette — #D0E5F1 · #00748F · #7A2600 · #3C2A00 · #191C00

Rust and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D0E5F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7A2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Espresso (#3C2A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#191C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Muted Garnet color palette (#D1E5F1, #007393, #87021A, #00362E, #001E23)
• Aged Thicket color palette (#E6F4FF, #0E7FB6, #7B4500, #4A3700, #162D0D)
• Worn Mulberry Pier color palette (#D5E3F0, #008FD4, #903D8A, #643500, #00270C)
• Aged Aubergine color palette (#DAEEE7, #0072AB, #770072, #3D1E00, #000F03)
• Sunlit Pine color palette (#C9E9E7, #118545, #582372, #472300, #221800)
• Smoked Garnet Balcony color palette (#DAF2FF, #005366, #550014, #001913, #000506)
• Twilit Boulevard color palette (#DEEAF8, #00559E, #3E3036, #1F1134, #000919)
• Pale Lapis Atelier color palette (#DDE8FF, #4B4FF7, #5B4A00, #0B3E02, #00251C)

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