Patina Petrol Loft color palette — #EBF8F7 · #D7DDE9 · #61B2D3 · #007E88 · #0E3148

Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EBF8F7): a clean, paper-quiet neutral.
• Silver (#D7DDE9): bright and airy, almost weightless.
• Cyan (#61B2D3): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007E88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#0E3148): 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 Loft 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

• Cypress Orchard color palette (#E2F2EE, #6EC8C5, #00767B, #003F35, #000304)
• Muted Delta color palette (#ECF8F8, #DADCE8, #91BFF1, #4E8BA6, #2B405C)
• Muted Lagoon color palette (#D0E7E4, #60ADCD, #005C81, #002A32, #000103)
• Dusty Sky color palette (#ECF7FF, #01B5EF, #9D84DC, #00956A, #001E2F)
• Airy Glacier color palette (#D6FCFF, #5ADDF4, #0098B5, #005F79, #002F41)
• Quiet Lime Veranda color palette (#EAF8FF, #63CFEF, #97B34A, #0084A0, #222D00)
• Cobalt Boulevard color palette (#FAF0EA, #9AD2E2, #0084C2, #005C52, #2D172C)
• Hushed Cabin color palette (#EBF7FF, #B0DFFF, #2294CE, #004F71, #001220)

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