Patina Petrol color palette — #E5F3E8 · #78BFC6 · #00748C · #005145 · #003248

Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.

The five colors

• Cream (#E5F3E8): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#78BFC6): A luminous, dusty blue — the color of open sky before noon.
• Teal (#00748C): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003248): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cerulean Villa color palette (#EEF8F0, #A9CBDB, #3D81A0, #00605C, #183E5B)
• Petrol Quarry color palette (#E8F1EA, #8EB6DA, #3C66B1, #004D5F, #232759)
• Softworn Field color palette (#EEE6ED, #84BFC7, #0574A1, #004E2F, #01103D)
• Turquoise Atelier color palette (#F5EDE1, #96E2EA, #00B7DB, #00937F, #003248)
• Wandering Ash Dune color palette (#F1F7F2, #D3DFEF, #6CA2B8, #417A73, #3F5568)
• Patina Abyss Cabin color palette (#DCE9DF, #488BA0, #00425F, #002223, #000919)
• Hazy Navy Corridor color palette (#E5F5E8, #6B93BA, #113EA4, #002E3B, #0F0046)
• Washed Grove color palette (#FCE9F7, #9F408E, #705D00, #005766, #330E2D)

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