Petrol Studio color palette — #F3E3DC · #5CB0B5 · #0081A0 · #006043 · #000A16
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Parchment (#F3E3DC): a clean, paper-quiet neutral.
- Cyan (#5CB0B5): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0081A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006043): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Misty Lagoon color palette (#F1E5DD, #71A9C2, #0077CB, #005D5B, #03002E)
- Patina Denim color palette (#D1E4E0, #51A1A6, #006470, #003C38, #000B10)
- Pale Azure Study color palette (#EAF1D0, #6CC0B3, #00A3C7, #726900, #000E06)
- Lagoon Hollow color palette (#D6E3D9, #34868B, #004350, #002019, #000103)
- Aged Canyon color palette (#EDE1D5, #94C6F0, #628BF8, #007B89, #1F1543)
- Linen Jade Coast color palette (#D9F1E2, #00AA71, #007D48, #004528, #000201)
- Patina Periwinkle Dune color palette (#F7ECE5, #9ADFF8, #39ACFF, #009288, #1E2C4F)
- Dusty Workshop color palette (#E8EAD7, #44AA3B, #B81CAC, #0D5107, #10000E)
Browse the whole catalog at Explore, or see today's palette.