Petrol Basin color palette — #EDF0E7 · #8BBEAC · #0C6DAD · #004D62 · #012D5C
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#EDF0E7): bright and airy, almost weightless.
- Mint Leaf (#8BBEAC): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#0C6DAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004D62): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#012D5C): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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 Petrol Villa color palette (#F2E7DD, #8EC0AD, #3D6BAC, #004B4E, #110A3F)
- Cobalt Canyon color palette (#F3F6EF, #A8CEC4, #4E79B6, #0D5A7D, #29395F)
- Softworn Denim Coast color palette (#E2E2D7, #65ACAF, #00636D, #003F39, #00242C)
- Periwinkle Quarry color palette (#E5F1F1, #B2D8F7, #3BACFF, #008CAE, #0D2E53)
- Muted Quarry color palette (#F6D5D2, #C44E84, #2367C6, #86004E, #00255B)
- Timeworn Lagoon Alley color palette (#F1F1E2, #438E8D, #00454A, #00231D, #000C0F)
- Muted Cypress color palette (#F4F6EF, #CAE2E4, #AB8EAE, #4C7A66, #604A5F)
- Amber Drift color palette (#FFF2EE, #EEAAA0, #D18158, #90445D, #3D3633)
Browse the whole catalog at Explore, or see today's palette.