Petrol Study color palette — #F8F5EF · #CBE5E9 · #809AC8 · #167A95 · #64495C
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#CBE5E9): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#809AC8): A luminous, dusty violet — the color of a velvet chair.
- Teal (#167A95): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#64495C): A full-bodied, dusty pink — the color of peonies in June.
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
- Cypress Hollow color palette (#F8F5EF, #CAE5E2, #6FA1BA, #2F7C78, #325249)
- Ancient Basin color palette (#FBF3F5, #DBDDEC, #A1AEE5, #499497, #4F5066)
- Tempered Cobalt Cabin color palette (#FFF2EE, #C48485, #719565, #4E77B3, #563B32)
- Petrol Field color palette (#FDF4E5, #77C5D8, #00789F, #005652, #003659)
- Cerulean Meadow color palette (#E8E0D4, #519DA4, #005264, #003129, #001623)
- Aged Denim color palette (#E5DFD6, #75A4C9, #1E559F, #003C49, #11164F)
- Ancient Plum color palette (#FFF2EE, #D5A0A6, #59A8A5, #AF4E60, #3A5539)
- Cocoa Lagoon color palette (#FFF2ED, #E0D9CE, #9BBDCE, #A97286, #793D1C)
Browse the whole catalog at Explore, or see today's palette.