Petrol Study color palette — #F7F1EB · #C6E5E9 · #AF91AB · #2B7781 · #462D3C

Teal and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7F1EB): bright and airy, almost weightless.
• Silver (#C6E5E9): A whisper-light, dusty blue — the color of open sky before noon.
• Dusty Rose (#AF91AB): A luminous, dusty pink — the color of peonies in June.
• Teal (#2B7781): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#462D3C): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Ancient Cypress Workshop color palette (#EDF4EA, #78C4B6, #C98888, #008475, #48271C)
• Worn Petrol Atelier color palette (#F4F6F0, #CAE2E4, #AB8DAE, #2E7896, #614960)
• Antique Cypress color palette (#F8F0EC, #CBE2DB, #7EA78F, #44785C, #1A3E33)
• Timeworn Cerulean color palette (#FAF3F5, #DBDEEC, #9CB1DD, #2D96A3, #49516E)
• Wandering Petrol color palette (#F1E7E1, #98BEA6, #1373A2, #004C42, #001338)
• Worn Chapel color palette (#E7F7E5, #5DACA9, #B57A86, #9D6869, #1D2C1C)
• Aged Denim Harbor color palette (#E8DDD4, #68A4C9, #1754A9, #00393C, #08002E)
• Lagoon Boulevard color palette (#EFF2CE, #84C5A7, #379B8C, #006367, #20402E)

Browse the whole catalog at Explore, or see today's palette.