Petrol Basin color palette — #ECF2FA · #A3C5F6 · #9375A5 · #5173A2 · #15151E
Built around Slate, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF2FA): bright and airy, almost weightless.
- Sky (#A3C5F6): A luminous, dusty blue — the color of deep harbor water.
- Slate Blue (#9375A5): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#5173A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#15151E): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged duotone, 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
- Timeworn Orchard color palette (#F0F1F9, #D3B2FA, #B46A75, #7D6599, #1A131C)
- Petrol Field color palette (#EEF8F5, #99C5EE, #9F6A8A, #3672A4, #3A2929)
- Tempered Iris Archive color palette (#FAF3F8, #BDD1FF, #A291C6, #728AC6, #38292F)
- Patina Driftwood Thicket color palette (#EDF1FF, #BDB9F4, #977DB2, #6B4267, #451832)
- Weathered Lilac color palette (#E4F8E8, #A5A3E4, #926694, #5D5124, #292B39)
- Patina Cobalt color palette (#EAF3FE, #6687C7, #9B5A3F, #4C572E, #071C23)
- Blush Lantern color palette (#EFF6FC, #D5DCE8, #E49695, #63A3C3, #251A24)
- Dusty Plum Studio color palette (#ECF2FF, #959CFF, #BA2760, #4C4AB1, #110316)
Browse the whole catalog at Explore, or see today's palette.