Petrol Garden color palette — #F8EEF4 · #BB826B · #67689E · #5E3B63 · #251927
A conversation between Slate and Mulberry, giving this palette its sense of optimism and creativity.
The five colors
- Blush (#F8EEF4): a clean, paper-quiet neutral.
- Caramel (#BB826B): A luminous, dusty orange — the color of sun-warmed clay.
- Slate (#67689E): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#5E3B63): A full-bodied, dusty pink — the color of neon signs at night.
- Onyx (#251927): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Softworn Driftwood color palette (#F6EFF9, #BA748C, #36739A, #454A77, #1A1624)
- Softworn Driftwood Quarry color palette (#E9F6ED, #9D8845, #87557D, #753A40, #29181F)
- Muted Cobalt color palette (#FDF3EE, #C58F86, #6A80BD, #7A5891, #443230)
- Antique Balcony color palette (#E5F5FC, #549FAF, #635B98, #623A5F, #1F131F)
- Weathered Loft color palette (#F5F6EE, #70926C, #0F7177, #6B3B79, #37332D)
- Mint Lantern color palette (#ECF8F8, #85BF94, #58A3A6, #776295, #1F2A1F)
- Patina Villa color palette (#E4F6F5, #72AC85, #2C7F86, #294E76, #072F1E)
- Hushed Aubergine color palette (#E1F9E5, #9E7200, #7D3290, #6D0034, #1C0700)
Browse the whole catalog at Explore, or see today's palette.