Petrol Studio color palette — #F1F4DE · #6BCBE1 · #007E9C · #005155 · #001D2A
Cerulean takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F1F4DE): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#6BCBE1): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#007E9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005155): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001D2A): 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 Studio 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
- Muted Cerulean Loft color palette (#F2F3E8, #ADD2B7, #30889E, #005B5C, #002531)
- Hushed Cobalt Loft color palette (#EFF5E3, #86C2F2, #0073CB, #004E68, #001741)
- Linen Navy Villa color palette (#FCF1F9, #7FC4D4, #0076A8, #00574A, #002F6F)
- Cerulean Quarry color palette (#E2FCF8, #95D7E6, #009BBF, #007176, #00384D)
- Denim Studio color palette (#E9EBE0, #71A5B7, #006180, #00383F, #000C16)
- Softworn Navy Hollow color palette (#DCE1D1, #4380A4, #003E66, #001E28, #000105)
- Airy Workshop color palette (#FFDDDF, #D834B7, #007AB1, #84006E, #001828)
- Powdered Field color palette (#EFD6E1, #C51385, #994D00, #4B35B5, #210013)
Browse the whole catalog at Explore, or see today's palette.