Petrol Garden color palette — #ECF9F3 · #80B8D6 · #BB83B5 · #177CA5 · #654247
Cerulean takes the lead with Dusty Rose close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Sky (#80B8D6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Dusty Rose (#BB83B5): A luminous, balanced pink — the color of a candy shop window.
- Cerulean (#177CA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#654247): A full-bodied, dusty red — the color of a theater curtain.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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 Cypress color palette (#EFF8ED, #6EC1B6, #8F91D3, #008579, #5E4354)
- Timeworn Jade Terrace color palette (#FCF1FD, #8BB3E2, #55AD7C, #4575AC, #4C4E47)
- Muted Indigo color palette (#FFF0F8, #ABA9E0, #D37D7A, #6E67AF, #534B48)
- Tempered Sky color palette (#E7F6F0, #67BEEE, #C58D76, #36799D, #362F2B)
- Aged Powder color palette (#EBF7FF, #7FD1F3, #DCA375, #5995AF, #624250)
- Quiet Grape Parlor color palette (#FFF1F7, #A690DD, #009DA1, #6E51AA, #2C4B2F)
- Timeworn Thicket color palette (#DBFEF4, #A5D5FF, #3A84B9, #28547A, #174238)
- Wandering Denim Bloom color palette (#FAF3F7, #EAAEB5, #525A89, #4A2E42, #2D2425)
Browse the whole catalog at Explore, or see today's palette.