Petrol Garden color palette — #E3ECE4 · #80BDD9 · #0071AE · #004A50 · #021532

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

The five colors

• Parchment (#E3ECE4): bright and airy, almost weightless.
• Sky (#80BDD9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A50): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#021532): 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 Petrol Garden 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

• Cobalt Courtyard color palette (#F7ECE4, #74BCDB, #2467B8, #005146, #2A294C)
• Wandering Cypress Terrace color palette (#E2EDE4, #68AAA5, #00646D, #003B28, #000D12)
• Cobalt Canyon color palette (#F6EDE0, #83D0F2, #398DC9, #006B72, #192E4D)
• Navy Summit color palette (#DCEADE, #457EAB, #003485, #001E27, #01000B)
• Chalky Plum color palette (#F3DFFC, #BB2168, #586600, #005279, #13031A)
• Raspberry Balcony color palette (#F1E4FA, #C8498A, #007E63, #81004F, #001710)
• Tempered Basin color palette (#F2DEFC, #FFB5AD, #DB7E41, #7E4273, #2C132C)
• Pale Delta color palette (#EFD9F8, #BD5AB8, #A00075, #5E002F, #37000F)

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