Petrol Atelier color palette — #F7E5D9 · #71ABC4 · #0069B2 · #004A48 · #070247

Built around Cobalt, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Parchment (#F7E5D9): A whisper-light, dusty gold — the color of honey in a jar.
• Blue Fog (#71ABC4): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004A48): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#070247): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Petrol Atelier 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 Study color palette (#F1E2DB, #51B3B7, #00728B, #004D33, #001626)
• Washed Cobalt Bloom color palette (#E8DFD6, #83B7E3, #506FC5, #005862, #1F1543)
• Petrol Studio color palette (#F9E9F1, #6AC3E9, #006AB4, #003E3C, #010015)
• Antique Denim color palette (#E1EFEE, #5499B7, #005072, #002E37, #001527)
• Cobalt Balcony color palette (#FBEBE2, #99CEE2, #3D8CCA, #006D65, #1D2C51)
• Wandering Azure Basin color palette (#FFF2EC, #BFE6CB, #2CA8DE, #00856E, #1B406E)
• Muted Rust color palette (#F9E0CF, #BB5600, #006E9E, #6F3000, #00111D)
• Chestnut Atelier color palette (#F9E5D6, #975200, #006389, #373D7B, #100500)

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