Petrol Garden color palette — #FEF5DE · #F2B4E6 · #C1805C · #1467A5 · #472823

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

The five colors

• Cream (#FEF5DE): A whisper-light, dusty gold — the color of honey in a jar.
• Carnation (#F2B4E6): A whisper-light, balanced pink — the color of a candy shop window.
• Caramel (#C1805C): A luminous, balanced orange — the color of sun-warmed clay.
• Peacock (#1467A5): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#472823): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. Tagged retro, warm.

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

• Denim Pier color palette (#FFF1F6, #C9AAF3, #9F8835, #145E9F, #332148)
• Aged Blush Bloom color palette (#F4F8E3, #C5C5FF, #C9738D, #007176, #482530)
• Ancient Petrol Lantern color palette (#FDF4E6, #FFCFD2, #B6A065, #616FA4, #453E39)
• Hazy Apricot Canyon color palette (#E6FCEA, #FFAEB0, #D8925B, #04958D, #4C3446)
• Softworn Grape Corridor color palette (#FFF3E7, #FFA486, #859105, #5B37B3, #3B2100)
• Coral Summit color palette (#FFF0D8, #E97279, #99581E, #00524D, #331C11)
• Timeworn Alley color palette (#E3FCF2, #D86FA4, #8C5F2E, #005672, #483648)
• Nightshade Thicket color palette (#FFF4DB, #FF75A1, #976800, #0034B0, #350200)

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