Petrol Garden color palette — #DCE8E6 · #7DBEC4 · #008395 · #005955 · #00242D

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

The five colors

• Parchment (#DCE8E6): bright and airy, almost weightless.
• Ash (#7DBEC4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008395): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005955): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#00242D): 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 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

• Timeworn Petrol color palette (#D9E6E4, #68ACC6, #006F98, #004953, #001626)
• Cerulean Summit color palette (#F5F7E8, #7DDEE6, #00899C, #00524E, #000F15)
• Wandering Cerulean color palette (#E5F2F0, #A7CADD, #0093BF, #006A74, #00324A)
• Cobalt Veranda color palette (#D4E4E4, #8FB6D8, #0D74D4, #005473, #001853)
• Faded Aubergine Cabin color palette (#EEEBFF, #AE64BE, #0081A3, #820097, #001E29)
• Terracotta Quarry color palette (#FFE7F4, #B77D56, #994312, #701900, #241000)
• Byzantium Field color palette (#E6D9FD, #E3A6C4, #DC8899, #993CA2, #37112A)
• Ultramarine Workshop color palette (#F9E5F6, #AD41A5, #B73400, #1640D5, #240021)

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