Petrol Basin color palette — #DFEEF5 · #006B9E · #003F65 · #001732 · #000518
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#DFEEF5): bright and airy, almost weightless.
- Peacock (#006B9E): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003F65): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001732): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000518): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Chalky Cobalt color palette (#D7ECF7, #0086C8, #00568C, #003061, #000C35)
- Patina Petrol Ridge color palette (#D1EDF1, #007496, #00436E, #001D4C, #21002E)
- Midnight Cypress Archive color palette (#D7EBE7, #00726C, #004748, #001E20, #000506)
- Powdered Denim Field color palette (#D6E9FF, #005CA7, #00592C, #002A52, #000401)
- Lowlit Ultramarine color palette (#D8EAFB, #005CC1, #002880, #07005D, #030022)
- Sunlit Iris color palette (#DBE2EE, #8B99EC, #7B66B2, #003969, #020229)
- Nightshade Station color palette (#E9F0FD, #0D35B5, #690065, #003638, #00000B)
- Soft Nightshade color palette (#D9E7F1, #0089E3, #0057AC, #0012A4, #09005C)
Browse the whole catalog at Explore, or see today's palette.