Petrol Basin color palette — #F9EDFA · #6FA8E4 · #B7813A · #2167A9 · #392100
A conversation between Peacock and Mustard, giving this palette its sense of trust and stability.
The five colors
- Blush (#F9EDFA): A whisper-light, dusty pink — the color of peonies in June.
- Cornflower (#6FA8E4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Mustard (#B7813A): A luminous, balanced gold — the color of honey in a jar.
- Peacock (#2167A9): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#392100): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
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
- Airy Denim Lantern color palette (#FCEDF5, #A09ADD, #9E8E3E, #62599D, #2F2700)
- Hazy Petrol color palette (#FDF0FF, #7CA3CD, #BE7726, #0A67B4, #5D3911)
- Hushed Turquoise Canyon color palette (#E3F8EE, #52B0D9, #C4746B, #006E92, #451612)
- Washed Terrace color palette (#EEF6FF, #93BAEE, #D99448, #3680DB, #5A3B19)
- Weathered Bronze Villa color palette (#D8FBF1, #5593C9, #9B7B08, #816815, #00251E)
- Weathered Nightshade color palette (#EBDAE7, #5A77FF, #857000, #281BD1, #1B1500)
- Aged Denim Orchard color palette (#FBEDF6, #A1BE8B, #485181, #361E30, #130910)
- Washed Lagoon color palette (#D9FAF1, #FFDFEE, #E6B6B4, #539193, #3F2C3C)
Browse the whole catalog at Explore, or see today's palette.