Petrol Market color palette — #F0E7E0 · #8DBFB1 · #5564AD · #004B4C · #1E0635

Slate and Deep Indigo set the tone — five colors that lean into creativity and calm.

The five colors

• Parchment (#F0E7E0): bright and airy, almost weightless.
• Mint Leaf (#8DBFB1): A luminous, dusty teal — the color of glacier melt.
• Slate (#5564AD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#1E0635): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Dusty Archive color palette (#F4E5E0, #9FBCA4, #00749F, #004E2C, #00103F)
• Sapphire Meadow color palette (#F3EEE5, #87B7DF, #2664C2, #004D5E, #232A51)
• Worn Cobalt color palette (#FDEEE8, #9FDBE9, #1C8ACD, #006549, #131B5A)
• Weathered Denim Delta color palette (#FFE0EE, #EAACC4, #D98666, #355BA5, #290D28)
• Frosted Courtyard color palette (#FADFE6, #9C5FBA, #285B00, #004633, #15001F)
• Wandering Cypress color palette (#F9F0EB, #C8E4D4, #6592BE, #006F59, #3C2235)
• Weathered Navy color palette (#E9DED6, #4C94B1, #00478F, #002C25, #04001A)
• Hushed Workshop color palette (#F9EBE7, #478489, #00415A, #00210E, #000106)

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