Petrol Basin color palette — #E4F0FC · #EF9B90 · #0E68A5 · #0E3858 · #081725
Built around Peacock, softened by Melon — the whole palette hums with trust and stability.
The five colors
- Frost (#E4F0FC): A whisper-light, dusty blue — the color of deep harbor water.
- Melon (#EF9B90): A luminous, balanced orange — the color of sun-warmed clay.
- Peacock (#0E68A5): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#0E3858): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#081725): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Balance. Tagged luxury, dark, 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
- Worn Market color palette (#EFF6FF, #EEB78C, #4B72AF, #2C4365, #1A222D)
- Worn Petrol color palette (#E7FBF3, #FFBDB2, #006B99, #002C41, #000503)
- Airy Market color palette (#D2E1F2, #DA703D, #004681, #001B38, #000209)
- Tempered Amber Thicket color palette (#E1F4EA, #BD9538, #004A62, #002634, #031515)
- Frosted Ultramarine Workshop color palette (#D6E6FE, #C6AA00, #2A49C9, #0E1D7A, #020E28)
- Weathered Alley color palette (#F1F6FB, #DBD7E0, #C9B8C7, #5382C1, #343B45)
- Hushed Loft color palette (#DEF2FD, #A6D999, #2196B1, #305C71, #011924)
- Pale Veranda color palette (#D9DDEE, #4ABD8A, #5B409C, #2C1D50, #07091C)
Browse the whole catalog at Explore, or see today's palette.