Petrol Garden color palette — #FFF0F9 · #FFC5BB · #BFA270 · #4C7DA3 · #1A4869

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Shell Pink (#FFC5BB): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#BFA270): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#4C7DA3): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#1A4869): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Wandering Balcony color palette (#FFF2ED, #FFDFA1, #94B376, #696D97, #393C6A)
• Cerulean Field color palette (#FFDEE8, #F6BBCD, #CDAB88, #6F8CBD, #593E58)
• Cypress Thicket color palette (#FFE2E5, #D09782, #917448, #006C67, #004D66)
• Timeworn Coral color palette (#F6F3FF, #FEC3E9, #D48879, #297D80, #335037)
• Muted Taupe color palette (#FED9D5, #C69466, #6C7140, #293C65, #09183F)
• Washed Bone color palette (#FFF3E6, #D9E2C8, #BDC4B0, #9B858B, #5E464D)
• Dusty Stone Field color palette (#FFEDF1, #EDAA89, #8E8459, #3D685B, #002F24)
• Mustard Alley color palette (#FFF2EB, #DEC267, #6EAA6D, #755690, #3C284D)

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