Petrol Garden color palette — #FCEAE1 · #61C7DC · #00709C · #003F34 · #00020B
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#FCEAE1): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#61C7DC): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00709C): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#003F34): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00020B): 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
- Hushed Ultramarine color palette (#F6ECE2, #88BEE3, #0058E5, #003D42, #020012)
- Feathered Cobalt Veranda color palette (#FFF2E9, #8AD7FC, #007BDB, #005150, #06062B)
- Cerulean Parlor color palette (#D0ECE8, #5BC0D5, #0091B2, #006C70, #001721)
- Timeworn Denim color palette (#E8DBE4, #3798AB, #004E77, #002D1E, #01001D)
- Ancient Quarry color palette (#DCF3EC, #00B087, #006451, #001D13, #000201)
- Weathered Balcony color palette (#E0E3D4, #5B8B00, #005C20, #002C20, #000202)
- Patina Sky color palette (#FBF3EF, #D4D6E6, #32B1F9, #008073, #1B2E4F)
- Antique Sky color palette (#E6F5CD, #52E0E0, #13B6F6, #536400, #000705)
Browse the whole catalog at Explore, or see today's palette.