Petrol Garden color palette — #FFF1F4 · #EBACB7 · #B18567 · #1F7896 · #404A7A

A conversation between Slate and Peacock, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Ballet Pink (#EBACB7): A luminous, dusty red — the color of embers at dusk.
• Caramel (#B18567): A luminous, dusty gold — the color of honey in a jar.
• Slate (#1F7896): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#404A7A): A full-bodied, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Creativity, 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

• Patina Cypress Delta color palette (#F2F4FF, #DAB6D8, #BF7882, #008174, #24566C)
• Cobalt Villa color palette (#FFE6ED, #D9B199, #A89B56, #5572AA, #573669)
• Aged Ridge color palette (#FFDFE3, #CA9399, #9D754F, #216789, #322B61)
• Washed Driftwood Courtyard color palette (#FFF2EE, #D7C2B0, #B1A37E, #8E6C86, #684C52)
• Patina Bronze color palette (#FFEAE1, #D1A17E, #9D7736, #3C6834, #1B5252)
• Softworn Olive color palette (#F9D7CD, #C18B67, #776D1F, #3B4276, #2B2246)
• Airy Nightshade Cabin color palette (#FCEBE9, #D5AA71, #7C903A, #5A4DA7, #5E1D54)
• Softworn Workshop color palette (#FFF3E9, #B2E3FE, #589DF3, #008284, #343A6C)

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