Patina Cocoa Lagoon color palette — #DFF3FF · #006388 · #7A2E00 · #002E41 · #080100

A conversation between Rust and Peacock, giving this palette its sense of trust and stability.

The five colors

• Frost (#DFF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006388): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7A2E00): A full-bodied, balanced orange — the color of autumn markets.
• Midnight (#002E41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• 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 Lagoon 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

• Weathered Garnet color palette (#E0ECE1, #00686D, #8B0031, #003133, #0A0001)
• Nocturne Cocoa Station color palette (#CAE6FA, #004F74, #632D00, #332A00, #000103)
• Navy Hollow color palette (#FDE1FB, #0045A3, #493900, #001B49, #020100)
• Patina Thicket color palette (#E1F2EA, #00688A, #355700, #003144, #081300)
• Powdered Chestnut color palette (#DFF2FF, #0083AB, #9C4D00, #004C65, #1D0900)
• Antique Bronze color palette (#DBE7DC, #9D5D00, #006997, #070A13, #000201)
• Tempered Lapis Coast color palette (#E4E8FF, #4743C4, #544A00, #20007C, #040300)
• Midnight Cobalt color palette (#DCEDFA, #0076BC, #004065, #001123, #000104)

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