Petrol Basin color palette — #EFF6FA · #D9DAE4 · #C3BCCE · #2C8191 · #3C4A51
Built around Cerulean, softened by Stone — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FA): a clean, paper-quiet neutral.
- Silver (#D9DAE4): bright and airy, almost weightless.
- Stone (#C3BCCE): A luminous, dusty violet — the color of wild irises.
- Cerulean (#2C8191): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3C4A51): 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
- Dusty Petrol Archive color palette (#EDF4F0, #CEDADB, #D6BAC2, #437E90, #262E29)
- Patina Cypress color palette (#EBF9F0, #93B8B1, #48806E, #316077, #2A4944)
- Wandering Parlor color palette (#F1F5FC, #E0D6E5, #C2B7CE, #4662C1, #364052)
- Aged Abyss Basin color palette (#D5E2E9, #A2AAB6, #7B7D95, #003E50, #041620)
- Patina Aubergine color palette (#DEDFE6, #BCB6C5, #9B869B, #542786, #1C1D31)
- Tempered Atelier color palette (#E7FBEE, #46AA9E, #496AA0, #5D4C00, #22424F)
- Washed Workshop color palette (#E9F9F8, #509B67, #725293, #4E4A00, #014420)
- Quiet Cabin color palette (#ECF7FF, #86EBCA, #4CC8F4, #B268C0, #2A4263)
Browse the whole catalog at Explore, or see today's palette.