Patina Petrol color palette — #E3F1EA · #CCBFCA · #B69DA6 · #006A8A · #0B251A

Built around Peacock, softened by Onyx — the whole palette hums with trust and stability.

The five colors

• Cream (#E3F1EA): bright and airy, almost weightless.
• Stone (#CCBFCA): A luminous, dusty pink — the color of a candy shop window.
• Taupe (#B69DA6): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#006A8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#0B251A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Dusty Denim color palette (#EFE3EC, #D2BEC4, #BD9B9A, #4B5AA1, #261B23)
• Cobalt Meadow color palette (#E4EBE8, #CDBDC3, #CE9EA7, #008BBE, #14231D)
• Hushed Parlor color palette (#EFF6FB, #D9D8ED, #B5B8D5, #006A87, #050E14)
• Muted Abyss color palette (#E3EDF4, #AFBAC7, #818EA8, #004B68, #11212D)
• Aged Spruce Workshop color palette (#CDE7E2, #6C98B6, #796083, #35512A, #0E2D00)
• Patina Boulevard color palette (#FAF2F9, #F0D5E1, #DEB0B4, #3175D6, #402A40)
• Jade Orchard color palette (#F4EFDC, #58A66F, #007068, #0D4874, #00220C)
• Wandering Nightshade color palette (#E9DEE4, #B0A0A3, #A07C78, #3B3293, #12040D)

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