Petrol Basin color palette — #EDF2F9 · #ADCDB3 · #4B6383 · #1D324E · #0D141E
Built around Peacock, softened by Navy — the whole palette hums with sophistication.
The five colors
- Ivory (#EDF2F9): a clean, paper-quiet neutral.
- Pistachio (#ADCDB3): A luminous, dusty teal — the color of glacier melt.
- Peacock (#4B6383): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#1D324E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0D141E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Sophistication. Tagged luxury, dark, 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
- Denim Canyon color palette (#FAF2F9, #DABB8D, #415D93, #482F45, #2C2326)
- Pewter Cabin color palette (#F2F0FB, #C7B082, #6C456D, #381A39, #0E0919)
- Cerulean Thicket color palette (#F1F5FC, #B6E8F0, #6E86B3, #32466A, #131C27)
- Patina Cobalt Villa color palette (#F9F3F8, #E5CDA7, #637EA9, #5A4558, #30292F)
- Aged Drift color palette (#EEF2F9, #B6C1EB, #AB6D84, #5B6ABB, #1B121F)
- Washed Driftwood color palette (#F0F1F8, #D9D5DA, #B7AAAD, #857AA9, #34353F)
- Wandering Studio color palette (#E7F7EA, #B3A2CE, #996586, #545700, #2C293B)
- Sunlit Nightshade color palette (#ECF2FF, #CBA13F, #43399D, #1C0D57, #03051B)
Browse the whole catalog at Explore, or see today's palette.