Patina Petrol color palette — #F8ECE2 · #94BBAE · #4066AD · #004F55 · #2A2559

A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8ECE2): bright and airy, almost weightless.
• Ash (#94BBAE): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4066AD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#2A2559): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Softworn Canyon color palette (#F8ECE5, #9FB9A1, #00748E, #005237, #00314F)
• Sapphire Boulevard color palette (#FFF3E9, #7FC1E7, #0469D8, #005558, #281F7A)
• Cobalt Meadow color palette (#E1ECEB, #86BAE0, #006EBB, #00485F, #001436)
• Patina Field color palette (#EDF0E8, #A1D0C0, #2B8ADB, #006786, #102D55)
• Wandering Wisteria Thicket color palette (#D8FBEF, #B1BAEC, #C68CC7, #006C78, #3F243D)
• Hushed Harbor color palette (#F2E2D7, #5C99AF, #004D7D, #00302D, #03004C)
• Softworn Veranda color palette (#FBE9F0, #A6DAFF, #79A4EF, #008F99, #2A284E)
• Worn Bloom color palette (#FAF3F0, #C7E5D1, #4A93BB, #007361, #324968)

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