Petrol Studio color palette — #EFE6EE · #94BACA · #0272A8 · #004E35 · #081138
Slate and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#EFE6EE): a clean, paper-quiet neutral.
- Ash (#94BACA): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0272A8): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004E35): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Indigo (#081138): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Dusty Villa color palette (#F8EFF4, #AACDE0, #3C81BB, #005D49, #181C41)
- Washed Denim color palette (#E8DEE3, #72A4BD, #1F55A3, #003A33, #0C002B)
- Powdered Lilac color palette (#CBECFA, #A5CAF3, #B680D0, #00754D, #001D32)
- Washed Cerulean Courtyard color palette (#C7E5EF, #379ACA, #005D73, #002D3B, #00070D)
- Patina Lagoon Thicket color palette (#D5F0D9, #00A089, #006164, #003D56, #00162E)
- Hushed Rust Studio color palette (#D6E6ED, #00909F, #B53D17, #005059, #270500)
- Worn Delta color palette (#F6F0F4, #D4D2E9, #72A2C8, #2D7B60, #2A364D)
- Weathered Spruce color palette (#F1EAF2, #579794, #005265, #012F05, #00040E)
Browse the whole catalog at Explore, or see today's palette.