Patina Cocoa color palette — #D8F2FF · #006678 · #7E2900 · #003039 · #080100

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

The five colors

• Frost (#D8F2FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006678): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#7E2900): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#003039): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#080100): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Aged Boulevard color palette (#CEE1F5, #005F9C, #683E00, #002B4C, #050200)
• Mulberry Coast color palette (#C9EDF3, #006A5F, #880044, #00322C, #0A0002)
• Lowlit Mulberry Ridge color palette (#C9EDFB, #005266, #6F0054, #352F00, #000102)
• Brick Lantern color palette (#D8EDFB, #008BB2, #C2002B, #004257, #040000)
• Chestnut Balcony color palette (#D3EED2, #755E24, #4C2F00, #291000, #020200)
• Gentle Rust color palette (#D0E9F9, #0094BC, #C04100, #00546D, #2C0800)
• Scarlet Grove color palette (#EEEEE0, #CE0035, #0063AC, #0A0B16, #000104)
• Bronze Lantern color palette (#D6E5F8, #836200, #001C45, #1A131D, #00020C)

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