Petrol Boulevard color palette — #E8F5EF · #8D8646 · #3870AA · #633D6E · #21141C
Slate takes the lead with Mulberry close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#E8F5EF): bright and airy, almost weightless.
- Moss (#8D8646): A luminous, balanced green — the color of fresh herbs.
- Slate (#3870AA): A full-bodied, balanced blue — the color of open sky before noon.
- Mulberry (#633D6E): A full-bodied, balanced pink — the color of peonies in June.
- Ink (#21141C): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Petrol Boulevard 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
- Indigo Courtyard color palette (#E8F5F3, #759B67, #6265B3, #6B3549, #142014)
- Timeworn Market color palette (#E6F6F2, #84A96C, #2F7B9D, #653A62, #3B1C28)
- Amber Basin color palette (#FBEDF4, #BB7C4F, #008186, #3A4578, #1E1722)
- Timeworn Amber Courtyard color palette (#FBF4EB, #AF842D, #80538B, #5B4262, #3E2A2F)
- Taupe Terrace color palette (#E8F6EA, #9CB679, #3E896D, #574878, #17312E)
- Tempered Aubergine color palette (#E3F6F8, #009D7E, #733A99, #702C26, #031810)
- Softworn Dune color palette (#F8F5E9, #B2B146, #5C8AB3, #7C5A7D, #39332E)
- Soft Mulberry Balcony color palette (#D1F4FE, #007771, #73005E, #451C00, #020900)
Browse the whole catalog at Explore, or see today's palette.