Gentle Petrol color palette — #AEF3D0 · #64B4AE · #147696 · #5C2B4D · #330811

Teal takes the lead with Mulberry close behind in a set that reads as trust and stability at first glance.

The five colors

• Mint (#AEF3D0): A whisper-light, balanced teal — the color of glacier melt.
• Turquoise (#64B4AE): A luminous, dusty teal — the color of sea glass.
• Teal (#147696): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#5C2B4D): A deep, shadowed, balanced pink — the color of peonies in June.
• Ink (#330811): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Gentle Petrol 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 Workshop color palette (#DBECEB, #64B4CF, #506FA8, #6B363F, #230B00)
• Navy Studio color palette (#E0E4D0, #86A985, #347C6E, #483F77, #290D26)
• Wandering Harbor color palette (#D4EAE6, #5197AA, #206190, #4C1C29, #1F0500)
• Antique Onyx Harbor color palette (#C8EAF3, #5D8AB0, #404371, #3D0800, #050200)
• Aged Teal color palette (#DDF2EB, #00B1A7, #007076, #003A45, #00131C)
• Timeworn Balcony color palette (#CBEAD5, #9FAE7C, #3C9589, #97533C, #302600)
• Turquoise Coast color palette (#E4F8FF, #00B6E1, #00708A, #002935, #000102)
• Misty Scarlet Balcony color palette (#D8F3FF, #00A4B7, #D43741, #005862, #170001)

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