Petrol Basin color palette — #FFF0FC · #60C9DB · #0076AC · #00593C · #1C2D66
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Aqua (#60C9DB): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0076AC): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#00593C): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#1C2D66): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Patina Corridor color palette (#FFF1F6, #77C1EF, #4166CA, #005652, #382462)
- Ancient Petrol color palette (#F1F4E2, #78CAD9, #007F98, #005153, #001E29)
- Hushed Denim color palette (#F3E7EF, #5BACBF, #005C90, #00402E, #141B40)
- Weathered Cerulean Loft color palette (#E3FBF7, #8BD9E7, #009CBB, #007273, #00394B)
- Dusty Ash color palette (#FBF2F7, #D8D5E8, #7D9DBC, #43787E, #485269)
- Chalky Basin color palette (#FFF2EC, #8FEAFB, #13B9F8, #009A7F, #003265)
- Faded Periwinkle Dune color palette (#E2FFDA, #00E8DF, #3DA8FF, #7A6800, #004537)
- Washed Navy color palette (#FCE9F2, #418AAC, #033782, #00231E, #0A0027)
Browse the whole catalog at Explore, or see today's palette.