Petrol Study color palette — #F7EAF3 · #80BEBE · #00748B · #005334 · #00314C
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Mint Leaf (#80BEBE): A luminous, dusty teal — the color of sea glass.
- Teal (#00748B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005334): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Teal (#00314C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Aged Petrol Orchard color palette (#F6EBEF, #95B6D0, #4468A2, #004F54, #282851)
- Washed Petrol Alley color palette (#E9EAE2, #9CBD9E, #007984, #004C45, #001A1F)
- Softworn Cerulean Thicket color palette (#E6F1EF, #94D1D2, #0098A4, #006D62, #00343D)
- Misty Cobalt color palette (#FFF0F9, #9BD9F2, #3E84C0, #006762, #2C3C6E)
- Cypress Delta color palette (#FAF3F8, #D4E1F0, #789FB6, #41797C, #425567)
- Faded Alley color palette (#F9EBE5, #BBDEBC, #00B7DA, #1D9564, #04314B)
- Fern Grove color palette (#CFFBF4, #92DECC, #61ADC8, #6B6600, #054131)
- Navy Hollow color palette (#F4DFE6, #6496B8, #0C40A0, #002F33, #130043)
Browse the whole catalog at Explore, or see today's palette.