Petrol Basin color palette — #EEF6FC · #D7D8E2 · #ACB4C1 · #1D6D8C · #2F3D45
Peacock and Charcoal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF6FC): bright and airy, almost weightless.
- Silver (#D7D8E2): a clean, paper-quiet neutral.
- Ash (#ACB4C1): A luminous, dusty violet — the color of wild irises.
- Peacock (#1D6D8C): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#2F3D45): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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
- Cerulean Terrace color palette (#F0F7F3, #E6D7DB, #D5B9B7, #008EAF, #313E37)
- Hushed Pewter color palette (#F3F4FF, #DFD5DF, #C1B7CD, #795A98, #3D3D53)
- Tempered Denim Thicket color palette (#E0E7ED, #B0BAC7, #838EA9, #00496F, #0F2130)
- Ancient Ultramarine Summit color palette (#F0F5FF, #CED2E2, #A4A2C7, #3D47C0, #293346)
- Antique Basalt color palette (#CBE6FF, #909FC2, #6E6E8B, #6C4855, #4D471A)
- Tempered Ridge color palette (#E9F9F6, #6DAA8B, #247163, #2A5160, #143C3D)
- Weathered Meadow color palette (#EEEDF8, #CEC9D7, #A89BAE, #703B82, #2D2C38)
- Aubergine Grove color palette (#EBEDF7, #9997AA, #756B88, #340969, #060717)
Browse the whole catalog at Explore, or see today's palette.