Patina Petrol color palette — #E1FCF2 · #E6B8F4 · #C17E6D · #006D8F · #392A47

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

The five colors

• Ivory (#E1FCF2): A whisper-light, dusty teal — the color of sea glass.
• Lavender (#E6B8F4): A whisper-light, balanced pink — the color of peonies in June.
• Caramel (#C17E6D): A luminous, balanced orange — the color of autumn markets.
• Peacock (#006D8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#392A47): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Balance. Tagged retro, muted.

Use it as a design system

One click turns Patina Petrol 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

• Washed Ash Basin color palette (#E0FCFA, #B2CCFF, #B67CA3, #00736C, #2B3048)
• Frosted Villa color palette (#F2F4FF, #BEB0EE, #AD8223, #1D5D9F, #2E224B)
• Cobalt Harbor color palette (#ECF9EF, #FFCCE1, #BE9B76, #5272AA, #4B384A)
• Powdered Tangerine Meadow color palette (#FFF4E2, #FFABC3, #EC845D, #2B9679, #4F362F)
• Tempered Wisteria Courtyard color palette (#F8F7DE, #BD7DBC, #97563A, #005769, #4F3533)
• Blush Quarry color palette (#E2F9E7, #DC7897, #9A563D, #005341, #2C1C2D)
• Dusty Teal Field color palette (#EDF8F2, #BCE4EE, #63AF99, #866996, #203F3A)
• Coral Ridge color palette (#FFF0FE, #DF7D7F, #593D47, #271826, #07040B)

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