Petrol Garden color palette — #EDF4EF · #D7DBEF · #849EC2 · #2A7688 · #283650

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

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Silver (#D7DBEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#849EC2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#2A7688): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#283650): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Muted Cerulean color palette (#D8F3FF, #90C6DE, #4A93C4, #356298, #273A58)
• Washed Lantern color palette (#E3ECE4, #90BACF, #00759C, #004B48, #00172B)
• Weathered Ash color palette (#F9F4EF, #C6EBEF, #8597CC, #2F7C7B, #634A55)
• Denim Bloom color palette (#E1EFE3, #70A3C4, #0058A2, #003841, #010131)
• Worn Cobalt color palette (#EBF3FB, #8FB8DE, #C29159, #2577B4, #472531)
• Olive Loft color palette (#E9F3FF, #799FCD, #BD767E, #62844A, #1A2839)
• Worn Abyss color palette (#D9E8DC, #4F818E, #00444C, #002016, #000202)
• Worn Dune color palette (#ECF5ED, #96DEE5, #0091AF, #006356, #00293B)

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