Petrol Basin color palette — #F1F6FB · #D8D8E5 · #B1BDD1 · #006FB3 · #2F4253
A conversation between Royal Blue and Charcoal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F6FB): bright and airy, almost weightless.
- Silver (#D8D8E5): a clean, paper-quiet neutral.
- Ash (#B1BDD1): A luminous, dusty violet — the color of wild irises.
- Royal Blue (#006FB3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#2F4253): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Hushed Petrol color palette (#EDF3F7, #D7D5E6, #B8BDDA, #0F73A5, #192732)
- Tempered Bloom color palette (#F3F5FB, #DDD8E1, #C5BCC8, #736BA2, #444753)
- Timeworn Orchard color palette (#EBEFF4, #C6CCD7, #95A0BC, #245398, #222F3F)
- Aged Cobalt color palette (#EDF8F4, #EDDADE, #E4BAB8, #008FD1, #2D463D)
- Twilit Terrace color palette (#E4EDFF, #4A5CC6, #282549, #091632, #070615)
- Nightshade Cabin color palette (#DEE1E8, #B5B8C4, #888BAA, #3825A7, #191F2D)
- Periwinkle Summit color palette (#EBF9F5, #ECD5D1, #62AAEB, #AF9F8F, #33443F)
- Powdered Violet color palette (#F0F5FF, #A3D2FF, #7F9DFF, #8E62FF, #2C2E5F)
Browse the whole catalog at Explore, or see today's palette.