Petrol Garden color palette — #E2F2F2 · #8FB5DB · #3168B1 · #004B6A · #182B58
Royal Blue takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E2F2F2): bright and airy, almost weightless.
- Sky (#8FB5DB): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#3168B1): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004B6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Navy (#182B58): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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 Sapphire color palette (#F4E4E9, #92B8DB, #4A64BB, #004A54, #170B35)
- Petrol Field color palette (#E6F1EF, #7ABEC6, #007587, #00504D, #003441)
- Misty Periwinkle Thicket color palette (#ECF0E5, #AFD8FF, #63A6FD, #0089BC, #1C2C4F)
- Timeworn Cerulean Lantern color palette (#EBF9F6, #98DAEA, #008DAF, #00666B, #004660)
- Quiet Cornflower color palette (#F7EDE2, #9ED1C3, #6882CF, #006A78, #2F215A)
- Ancient Denim Loft color palette (#DCF0EE, #5898B8, #004F76, #002E39, #001529)
- Feathered Amber color palette (#FFE7FC, #ECB6A4, #D38B57, #873947, #44273C)
- Frosted Brick color palette (#FCD5D6, #BE2744, #7A5800, #6A2391, #3A0D13)
Browse the whole catalog at Explore, or see today's palette.