Petrol Loft color palette — #F0F7F4 · #E6D6D8 · #C7ABB2 · #276A94 · #323D3A

Built around Peacock, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#E6D6D8): bright and airy, almost weightless.
• Rosewood Mist (#C7ABB2): A luminous, dusty red — the color of late-summer berries.
• Peacock (#276A94): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#323D3A): a grounded near-black with real depth.

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

• Muted Atelier color palette (#EEF8F5, #ECD7DB, #D0BCBD, #5D84AB, #313E3A)
• Patina Petrol Orchard color palette (#EBF3FB, #D6D4E4, #B1B6CB, #3F688F, #18212B)
• Worn Atelier color palette (#FBF2F7, #E3CCD0, #C996A5, #534AA7, #412B38)
• Washed Driftwood color palette (#FAF3F6, #E2D8D5, #A8AEA1, #9C7587, #594F54)
• Patina Navy color palette (#E6F2EF, #C7B2BD, #AE8087, #00467C, #14231F)
• Weathered Fern Atelier color palette (#D8EED9, #BF9FBF, #8C5E86, #545D14, #414A00)
• Softworn Olive Harbor color palette (#FFF3E9, #A99A6C, #516E1B, #643E4A, #38352F)
• Mulberry Veranda color palette (#E9F6E9, #008887, #9C0040, #00462C, #002C2B)

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