Petrol Studio color palette — #F3F7EC · #B0E0D1 · #6D99C9 · #247596 · #263B5C
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F3F7EC): a clean, paper-quiet neutral.
- Mint (#B0E0D1): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#6D99C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#247596): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#263B5C): 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
- Timeworn Turquoise color palette (#F5F6EC, #B9DFC6, #3FA3C2, #007B80, #174434)
- Patina Azure Quarry color palette (#F4F7E7, #8BD7F7, #0098D2, #007081, #003657)
- Muted Petrol Basin color palette (#E4E6D9, #56B0C6, #00718F, #00494E, #001622)
- Dusty Cobalt Lagoon color palette (#FBF4ED, #A2D0C2, #5D77AD, #005E67, #373362)
- Frosted Denim color palette (#DEE4D5, #6A96C4, #1554AA, #003751, #01002F)
- Antique Cerulean color palette (#F4F6EF, #CAE3E5, #8DBDAF, #588FA3, #5E4B5F)
- Patina Basin color palette (#FCF2F5, #C6E4FE, #88B1FF, #009EAB, #37355A)
- Hushed Olive color palette (#F1F0DA, #92B56D, #32A3CB, #558100, #003B4E)
Browse the whole catalog at Explore, or see today's palette.