Patina Petrol color palette — #DDE9E7 · #80BEBF · #00848F · #005A51 · #00242B
Built around Teal, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Parchment (#DDE9E7): a clean, paper-quiet neutral.
- Mint Leaf (#80BEBF): A luminous, dusty teal — the color of glacier melt.
- Teal (#00848F): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005A51): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#00242B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Petrol Canyon color palette (#DDF4F1, #5DAFC5, #007191, #00494F, #001623)
- Muted Courtyard color palette (#E7F1EF, #9DCCE3, #0095B7, #006B70, #003346)
- Forest Quarry color palette (#FCF1FC, #84DDDE, #0087AB, #005621, #000C21)
- Tempered Sapphire color palette (#D9E9E9, #8DB6DA, #0074D7, #005473, #0A1D41)
- Pale Aubergine Studio color palette (#E1DFFC, #B058D9, #00829A, #7B00A4, #001F26)
- Wandering Pier color palette (#E0F2EA, #879542, #656500, #473D00, #101A00)
- Linen Study color palette (#E7E2F1, #E4AAC6, #FE6F99, #8D5197, #3F182F)
- Frosted Coast color palette (#EEDDEC, #BA22B1, #B73400, #1A43CF, #230120)
Browse the whole catalog at Explore, or see today's palette.