Petrol Market color palette — #EDF6FF · #F5A38B · #006FAC · #003E63 · #071C2E
A conversation between Peacock and Melon, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF6FF): bright and airy, almost weightless.
- Melon (#F5A38B): A luminous, balanced orange — the color of autumn markets.
- Peacock (#006FAC): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003E63): A deep, shadowed, balanced blue — the color of open sky before noon.
- Midnight (#071C2E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged luxury, dark, cool.
Use it as a design system
One click turns Petrol Market 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
- Timeworn Sapphire Bloom color palette (#EFF6FF, #DBB56D, #3F65B7, #14337D, #071A36)
- Dusty Garden color palette (#E6F9FF, #F69EA7, #00787C, #004446, #001F27)
- Cobalt Coast color palette (#FFF0FE, #FFC9C8, #3C6AB2, #142D55, #0F030F)
- Worn Denim Dune color palette (#D1E0EF, #D4946B, #00579A, #002A4F, #010C1A)
- Patina Grove color palette (#ECF7FF, #FFC531, #009ACE, #29637D, #051D2C)
- Marigold Coast color palette (#E4FCF1, #CB9900, #004F6B, #002B3C, #002116)
- Antique Coast color palette (#F1F5FB, #DDD7E3, #D3B7CE, #4484E7, #36414F)
- Driftwood Lantern color palette (#F3F5FD, #AFDCD6, #7F76A0, #454B69, #282B36)
Browse the whole catalog at Explore, or see today's palette.