Petrol Basin color palette — #F7EAF3 · #8CB9CD · #00719C · #005143 · #042D5B
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Ash (#8CB9CD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#042D5B): A deep, shadowed, balanced blue — the color of deep harbor water.
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
- Wandering Cobalt Harbor color palette (#FBF2F7, #A8CBDF, #437EAD, #00605A, #2C395A)
- Aged Drift color palette (#E9EADE, #84BECA, #007791, #004B4D, #001924)
- Linen Market color palette (#F2E6EB, #73A6C3, #1256A2, #003E3F, #16154C)
- Patina Market color palette (#F7ECE7, #99E1EF, #0EB2F2, #00937B, #152E4E)
- Ancient Cypress color palette (#FAF3F7, #D6E0F2, #749FBD, #367C71, #42546D)
- Lagoon Cabin color palette (#EBDBE6, #549D9E, #005364, #00321D, #001625)
- Gentle Aubergine Balcony color palette (#E1D8FA, #AC5CA6, #007D61, #790875, #003125)
- Amber Canyon color palette (#F5F1FF, #E4ACB3, #CC8745, #6D5299, #4E2838)
Browse the whole catalog at Explore, or see today's palette.