Patina Petrol Pier color palette — #ECF7FF · #EDCB84 · #096C93 · #002C3F · #00040A

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Honey (#EDCB84): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Peacock (#096C93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002C3F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00040A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Patina Petrol Pier 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 Cobalt color palette (#EFF6FF, #FCE2AF, #5678A4, #233A55, #07101B)
• Wandering Cerulean Delta color palette (#E4F0FB, #F4B9A3, #4A8EC2, #1D5B86, #051727)
• Worn Grove color palette (#F4F4FF, #FFD26F, #7F569C, #3B214C, #070418)
• Navy Meadow color palette (#F0E5F0, #D88778, #024782, #011C39, #09030A)
• Nightshade Archive color palette (#F1F5FF, #F3B913, #4444B9, #170160, #01000A)
• Aged Marigold Study color palette (#E1F0FF, #CB9901, #003F66, #291F26, #000813)
• Aubergine Orchard color palette (#F5F3FF, #DAB668, #72307E, #29052F, #020008)
• Cobalt Archive color palette (#EEF6FF, #A8D5FF, #B767B5, #007BC8, #070312)

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