Petrol Studio color palette — #F9EAF1 · #90B7D2 · #4168A4 · #005048 · #2C2555
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F9EAF1): a clean, paper-quiet neutral.
- Ash (#90B7D2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#4168A4): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2C2555): A deep, shadowed, balanced violet — the color of a velvet chair.
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
- Softworn Villa color palette (#FEF1F6, #A9C9E6, #6474B1, #005F60, #353758)
- Misty Forest color palette (#F5EAF7, #84BEBA, #00748D, #06540E, #002F54)
- Tempered Petrol color palette (#EDE8E0, #96BDAD, #1E6FAE, #004A52, #000E43)
- Forest Chapel color palette (#FBF2FA, #9ADCDD, #008CB2, #0E6B30, #144072)
- Feathered Iris color palette (#CAFCFF, #8DCADD, #7B93D8, #546418, #003C3E)
- Ash Coast color palette (#FBF2F6, #D9DEEF, #8699C1, #417A76, #4D5167)
- Patina Onyx Chapel color palette (#EADEE6, #489DB0, #004E7B, #003123, #080642)
- Linen Alley color palette (#F6ECE5, #A6DCF7, #6DA5F9, #009283, #2C2555)
Browse the whole catalog at Explore, or see today's palette.