Petrol Basin color palette — #F3ECF2 · #93B8C6 · #00719C · #005331 · #112A5E
Built around Peacock, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Blush (#F3ECF2): bright and airy, almost weightless.
- Ash (#93B8C6): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005331): A deep, shadowed, balanced teal — the color of sea glass.
- Navy (#112A5E): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Aged Balcony color palette (#FBF2F8, #ACCAD9, #357EB6, #00624A, #2E3664)
- Ancient Petrol color palette (#F7EBEF, #92B5D8, #5860A9, #004F53, #3A1D53)
- Worn Villa color palette (#F0E8DB, #79C1C9, #007791, #004C42, #001826)
- Wandering Archive color palette (#EADBE3, #7EA4BC, #1356A3, #003F36, #1D134B)
- Cypress Thicket color palette (#F9F3F7, #D5DFED, #7B9DBA, #3D7D63, #45536B)
- Azure Coast color palette (#D4FFFC, #91D4D2, #659FD6, #695500, #004238)
- Weathered Sky Canyon color palette (#FBEBE4, #9CE1E8, #37B1E9, #3A9263, #1A2D50)
- Faded Study color palette (#DCE7DB, #7393B2, #372DB1, #002F32, #1F0036)
Browse the whole catalog at Explore, or see today's palette.