Petrol Basin color palette — #FFF0FB · #5FCAD5 · #00799C · #005842 · #00355D
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#5FCAD5): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005842): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00355D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Muted Petrol Courtyard color palette (#F2F3E6, #6ECCD7, #008093, #00524F, #001E27)
- Antique Sapphire Chapel color palette (#FFF1F7, #88C0DE, #006CCD, #005556, #25286C)
- Washed Cerulean color palette (#E6FAF6, #98D7DE, #009DB4, #00736F, #003948)
- Aged Denim Atelier color palette (#F2E5EE, #69AAB6, #005F82, #003F33, #001F42)
- Washed Sky color palette (#FFF2EC, #79EEFA, #00BBEE, #009B76, #00355C)
- Washed Cypress Lantern color palette (#FAF3F7, #D5E0F2, #759FBB, #367D70, #43546B)
- Antique Atelier color palette (#F1DEE7, #56889D, #003E6B, #002221, #02002E)
- Patina Aubergine Lantern color palette (#FAD7FF, #B952CA, #00845F, #7C008D, #003726)
Browse the whole catalog at Explore, or see today's palette.