Patina Petrol color palette — #F6EBF0 · #8EB7D3 · #3E67AA · #005048 · #2D225B

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

The five colors

• Blush (#F6EBF0): bright and airy, almost weightless.
• Ash (#8EB7D3): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3E67AA): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#2D225B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Worn Cobalt color palette (#FEF1F6, #ACC9E2, #5F74B9, #00605F, #40315C)
• Weathered Cobalt Hollow color palette (#EEE8E0, #85BCD8, #0070B4, #004A51, #011239)
• Spruce Ridge color palette (#F0E9F0, #79A7B3, #006178, #00420D, #00203E)
• Tempered Forest Bloom color palette (#FCF1FB, #9DDBDE, #008BB6, #006B35, #123E78)
• Hushed Denim Ridge color palette (#EBEDFF, #E4B7DD, #D18967, #005D9D, #412549)
• Tempered Cypress Bloom color palette (#FAF3F6, #D9DEEF, #8199C8, #2E7D76, #4B516E)
• Misty Courtyard color palette (#F9ECE2, #99DEFF, #6FA5F6, #009283, #2C2750)
• Chalky Byzantium color palette (#E5DEFF, #96459D, #6E5E00, #395017, #301033)

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