Petrol Study color palette — #F5F6ED · #BAE3F0 · #65B2CF · #007E86 · #003348
Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Powder Blue (#BAE3F0): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#65B2CF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007E86): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003348): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Hushed Turquoise color palette (#F6F7E0, #B9FDFF, #00AEBE, #00736A, #002A33)
- Worn Workshop color palette (#EBEFDE, #75ABBE, #005D7C, #002A30, #000103)
- Timeworn Courtyard color palette (#FBF3EF, #CDE8D7, #68BBF0, #00A28E, #213A63)
- Dusty Cerulean color palette (#EEF8F6, #A2CCE1, #0085A7, #005F65, #094057)
- Hushed Station color palette (#EBF1E0, #93BBE5, #3065B6, #003A55, #000016)
- Muted Villa color palette (#F4F7E8, #91D7F5, #1384B6, #004F5C, #000E1B)
- Tempered Teal Studio color palette (#EBFBE1, #C6EDF9, #C1BDC9, #62A586, #293A23)
- Tempered Lagoon color palette (#D9FFF1, #8CF7D5, #00A184, #005543, #001710)
Browse the whole catalog at Explore, or see today's palette.