Petrol Basin color palette — #E4FCF1 · #DFC4D3 · #BA8C8D · #44808A · #3A5449
Slate and Dusty Rose set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E4FCF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Oat (#DFC4D3): A whisper-light, dusty pink — the color of a candy shop window.
- Dusty Rose (#BA8C8D): A luminous, dusty red — the color of late-summer berries.
- Slate (#44808A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#3A5449): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Basin 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
- Aged Lagoon color palette (#FFF0FA, #DDC5CD, #BA8F82, #5D8871, #5F4356)
- Timeworn Cypress Orchard color palette (#F5F4FF, #BEAECE, #9A7D98, #3C6E66, #345556)
- Olive Coast color palette (#E3FEE5, #A4CDC1, #BD949D, #678445, #3F591A)
- Weathered Lantern color palette (#FFF1F4, #F6C4DD, #D4AB9C, #959480, #375211)
- Dusty Jade color palette (#FFF2EC, #DB8D7E, #4CAD87, #009293, #3D3633)
- Dusty Workshop color palette (#FBF4EE, #C7E3E5, #8CA3DB, #008D88, #5D3C4C)
- Peony Balcony color palette (#D9DEF4, #A8A1DD, #BF6585, #006C76, #313676)
- Basalt Studio color palette (#F9D4DD, #CDA7A1, #AD856C, #60648A, #54385F)
Browse the whole catalog at Explore, or see today's palette.