Petrol Study color palette — #C9E9E5 · #6BA4AE · #2D6BA1 · #6C3144 · #4D2F0C

Built around Slate, softened by Mulberry — the whole palette hums with trust and stability.

The five colors

• Honeydew (#C9E9E5): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6BA4AE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#2D6BA1): A full-bodied, balanced blue — the color of deep harbor water.
• Mulberry (#6C3144): A deep, shadowed, balanced red — the color of a theater curtain.
• Espresso (#4D2F0C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Petrol Study 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

• Petrol Courtyard color palette (#D8E9DA, #63A293, #007587, #5A3457, #53242E)
• Frosted Denim color palette (#D1E9D7, #508DAC, #3C4FA0, #5F1C1B, #422509)
• Weathered Turquoise color palette (#E1F8DC, #54B2B9, #6A81B3, #704E63, #582B18)
• Wandering Alley color palette (#D1F7E7, #7093C7, #725B9C, #4C4541, #36322C)
• Dusty Pewter color palette (#CEEFF7, #84B8D5, #789EC6, #826392, #4A2646)
• Weathered Field color palette (#CAE3F2, #849AE7, #7C5DA1, #7E3D00, #4D3E0F)
• Antique Bronze color palette (#CAE6D9, #008AB9, #A74C00, #00506D, #441B00)
• Misty Nightshade Field color palette (#D4F5E4, #4672B1, #4F3F8D, #461C05, #1C1B00)

Browse the whole catalog at Explore, or see today's palette.