Petrol Studio color palette — #F2EADD · #54B0BF · #0080A3 · #005E56 · #000A15
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F2EADD): a clean, paper-quiet neutral.
- Cyan (#54B0BF): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0080A3): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005E56): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#000A15): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Quiet Cobalt color palette (#E9E2D7, #70A8CC, #2675C8, #005B69, #02002F)
- Timeworn Iris Station color palette (#CFE2EA, #70B4F4, #898FE9, #00797D, #000E18)
- Hushed Rust Atelier color palette (#E5F2E9, #008DA4, #C63322, #005F6F, #140000)
- Softworn Field color palette (#F2E2DB, #5F9EA7, #005F88, #003E26, #00012F)
- Cerulean Harbor color palette (#CFE6F2, #0099C3, #006C8D, #003A4C, #000204)
- Cerulean Workshop color palette (#D7E3D9, #3F8490, #004255, #00201C, #000103)
- Dusty Basin color palette (#F6EEE3, #88CFCD, #00A4B7, #008062, #00242F)
- Misty Hollow color palette (#CDE3EB, #007B97, #A92386, #645900, #000203)
Browse the whole catalog at Explore, or see today's palette.