Petrol Loft color palette — #DFF0EB · #BEA4B5 · #A78B87 · #2F669B · #010C09

Peacock and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFF0EB): bright and airy, almost weightless.
• Mauve (#BEA4B5): A luminous, dusty pink — the color of a candy shop window.
• Heather (#A78B87): A luminous, dusty orange — the color of toasted spice.
• Peacock (#2F669B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#010C09): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Cypress color palette (#DCE5DD, #8CA7A7, #A68A92, #007177, #040C05)
• Denim Lantern color palette (#EDE0E5, #B09B95, #A1826D, #6A5499, #12040B)
• Washed Navy Chapel color palette (#D9E0EA, #97A5BE, #7B86A1, #1F447C, #030914)
• Aged Onyx color palette (#E2E9F2, #858E9E, #636988, #002955, #000105)
• Tempered Iris color palette (#F5E9EE, #D0BAB4, #BBA08F, #8374B8, #281A21)
• Softworn Mulberry Field color palette (#E1EEFA, #8579B7, #8F4E7C, #4B4B43, #0C1800)
• Softworn Olive color palette (#FCEDD9, #908D28, #427017, #414271, #090500)
• Mulberry Summit color palette (#EFDAF1, #0072CF, #A3002E, #2E3D00, #010200)

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