Petrol Study color palette — #EFF6FB · #D7D9EE · #ADBBE1 · #007694 · #34424A
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#EFF6FB): bright and airy, almost weightless.
- Silver (#D7D9EE): A whisper-light, dusty violet — the color of wild irises.
- Sky (#ADBBE1): A luminous, dusty violet — the color of wild irises.
- Teal (#007694): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#34424A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Study 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
- Weathered Ridge color palette (#F2F5FB, #DFD6E6, #C0B5DB, #4F60BF, #38404E)
- Tempered Ridge color palette (#E7F6F0, #C4DBDE, #CFB5D0, #0074A0, #182922)
- Muted Denim color palette (#E7F0F7, #C3CDDB, #989EBD, #005C82, #252F37)
- Weathered Boulevard color palette (#F4F5FB, #E0D8DF, #B7A9A2, #7B7EA5, #515259)
- Antique Pewter Parlor color palette (#ACF0FA, #92AED2, #8B67A0, #595D2D, #085138)
- Turquoise Bloom color palette (#EDF8F3, #C9DFE3, #D0C0B0, #3BB2E1, #2F453C)
- Muted Studio color palette (#E1FCF4, #72B489, #007A6C, #155971, #1A442B)
- Charred Sapphire Veranda color palette (#DAE7F6, #0066C6, #2D1C59, #05192E, #050811)
Browse the whole catalog at Explore, or see today's palette.