Petrol Study color palette — #E7EFF3 · #B7C7D0 · #8FA8BD · #006C7F · #132228
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7EFF3): a clean, paper-quiet neutral.
- Stone (#B7C7D0): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#8FA8BD): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006C7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#132228): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Denim Archive color palette (#DEE2E9, #BEC4D0, #9DA4BA, #325CAE, #132032)
- Timeworn Abyss Atelier color palette (#DFEAEE, #ACBBC8, #818FA5, #004E57, #09232C)
- Petrol Boulevard color palette (#F1F7F3, #C5E1E0, #9AC6B6, #006B7E, #031008)
- Antique Archive color palette (#D6EDE9, #66A372, #007348, #065144, #00201E)
- Onyx Dune color palette (#DAEBFE, #8699C7, #666299, #62354D, #4A081C)
- Navy Thicket color palette (#E0E5EE, #9FA4B1, #7F859F, #2B3C89, #040916)
- Feathered Cabin color palette (#C6E4FA, #00CCF1, #00A4E0, #0075DD, #001C30)
- Aubergine Chapel color palette (#C7E8E8, #008BBF, #0255AB, #5E0060, #00182A)
Browse the whole catalog at Explore, or see today's palette.