Petrol Terrace color palette — #EEE8DF · #96BEAA · #0072A9 · #004B4E · #001532

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

The five colors

• Parchment (#EEE8DF): bright and airy, almost weightless.
• Sage (#96BEAA): A luminous, dusty teal — the color of sea glass.
• Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004B4E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001532): 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 Petrol Terrace 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

• Tempered Petrol color palette (#F7EAF2, #96B6CA, #3469AB, #005146, #2A245A)
• Dusty Grove color palette (#F6F1E9, #A4D4C1, #4F7FB2, #005966, #30152D)
• Antique Denim color palette (#F0E8DC, #7BA0C4, #2E549F, #003746, #07012D)
• Lilac Dune color palette (#CEFAEA, #ABC4F4, #9990DF, #006471, #001A34)
• Wandering Mulberry color palette (#D1E3DC, #0074A3, #A41E61, #4A5200, #000C16)
• Muted Garden color palette (#E7F2E9, #96CEE5, #358EC5, #006B70, #002D5E)
• Muted Cerulean Cabin color palette (#C8F0F1, #0095A7, #006278, #00344C, #00172C)
• Aged Rust Hollow color palette (#D0F0E1, #008BB7, #AC4800, #004E67, #230900)

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