Petrol Garden color palette — #D5F3F9 · #006A80 · #00435D · #001E39 · #000114

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

The five colors

• Frost (#D5F3F9): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006A80): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00435D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001E39): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000114): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Tempered Cerulean Veranda color palette (#DBF6F3, #0095A4, #005475, #002956, #020017)
• Charred Field color palette (#D7E9DE, #006F57, #00463F, #001F20, #000608)
• Timeworn Denim color palette (#D0E6DE, #006192, #703900, #002D47, #060200)
• Worn Onyx Terrace color palette (#D7EEEA, #007384, #004B6B, #001C5A, #0E0048)
• Twilit Cobalt color palette (#D7E8FF, #2273C9, #003C6F, #000F25, #000106)
• Cellar Navy color palette (#CEE8FD, #004A90, #0E0088, #0C003C, #020007)
• Feathered Balcony color palette (#D5EAE4, #839ADF, #8F5DC2, #004557, #00011E)
• Onyx Courtyard color palette (#C4EEFC, #0093C1, #00659E, #003A7A, #0A0055)

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