Petrol Studio color palette — #F6EEE3 · #50B1C4 · #007192 · #004A45 · #001626
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#F6EEE3): a clean, paper-quiet neutral.
- Cyan (#50B1C4): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007192): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004A45): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001626): 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
- Patina Petrol color palette (#E5F2E7, #69C6D9, #007193, #003E3A, #000307)
- Linen Courtyard color palette (#E8E0D3, #70A9D0, #0064C3, #004855, #060840)
- Ancient Onyx color palette (#F3E5DE, #5A9AA8, #004E78, #003121, #06004A)
- Tempered Field color palette (#F6EBF3, #6DBECD, #008CCC, #00704D, #040940)
- Cerulean Studio color palette (#F6EDDF, #92D0D9, #1B94B5, #006D61, #00324A)
- Turquoise Field color palette (#FBF4E9, #99ECEC, #1DAEC4, #008569, #00475C)
- Weathered Periwinkle Pier color palette (#F9F4EE, #BFE7EB, #7EA7DD, #408696, #593D53)
- Mulberry Bloom color palette (#F2F0D6, #726800, #00657E, #840063, #090800)
Browse the whole catalog at Explore, or see today's palette.