Patina Petrol color palette — #F5EDE6 · #8AB9D2 · #4367A4 · #005049 · #2D2554

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Ash (#8AB9D2): A luminous, dusty blue — the color of deep harbor water.
• Slate (#4367A4): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#2D2554): A deep, shadowed, balanced violet — the color of wild irises.

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

• Ancient Petrol Courtyard color palette (#E2ECE4, #92B9D4, #156FB1, #004A52, #00113D)
• Antique Cobalt Workshop color palette (#FCF3EB, #A5D0C2, #6575AA, #00605F, #512E3E)
• Hushed Forest color palette (#FAEBE7, #9DBB9A, #00748C, #09540B, #003053)
• Ancient Cobalt Workshop color palette (#F3EEE6, #A6CFBE, #2C8CD6, #006A75, #172C54)
• Ash Lagoon color palette (#DFFEF0, #B1C0FB, #C086B3, #006E69, #422943)
• Navy Workshop color palette (#D3ECE4, #00A4AB, #006586, #003C76, #401854)
• Linen Parlor color palette (#FFF2ED, #90DEE2, #008BB6, #006B35, #1C3F70)
• Chalky Azure Lagoon color palette (#D5EAFF, #5798E3, #005290, #002D49, #001231)

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