Petrol Basin color palette — #E3F2F0 · #77BDD5 · #007298 · #004E57 · #05324A
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E3F2F0): a clean, paper-quiet neutral.
- Cyan (#77BDD5): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004E57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#05324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Aged Study color palette (#ECF8F7, #93CEEF, #437EA9, #005D71, #1F3C5A)
- Hushed Iris Drift color palette (#E9F4FF, #97C7FF, #8598E3, #006582, #17304A)
- Airy Azure color palette (#D0ECFF, #009FE9, #00577E, #002D45, #001727)
- Cypress Atelier color palette (#EEF8F5, #ACEAE9, #4698A0, #0F7265, #274D5D)
- Grape Basin color palette (#D7E5EE, #0073A8, #7930B5, #005B49, #002236)
- Olive Archive color palette (#BDE5FB, #008CAD, #577700, #005166, #202F00)
- Feathered Lagoon color palette (#F4ECF1, #B5D9EE, #6FA9E7, #00937B, #26255D)
- Dusty Navy color palette (#D4EAE9, #4987B0, #003F6B, #00212C, #00081C)
Browse the whole catalog at Explore, or see today's palette.