Faded Petrol Loft color palette — #FFECF3 · #977EC3 · #B16476 · #0074A1 · #311221

Built around Slate, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Blush (#FFECF3): A whisper-light, dusty rose — the color of a warm blush.
• Slate Blue (#977EC3): A luminous, balanced violet — the color of wild irises.
• Mocha (#B16476): A full-bodied, balanced red — the color of a theater curtain.
• Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#311221): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Faded 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

• Frosted Peony Corridor color palette (#FFEBFB, #6E8BCF, #A9619F, #007A7F, #2C1429)
• Gentle Indigo color palette (#FFEDEC, #B7759A, #B86731, #5D60B3, #341213)
• Muted Workshop color palette (#FFECF0, #E5D1CA, #EDB4B0, #82699B, #4A2C31)
• Tempered Balcony color palette (#F3F4FF, #9377C8, #7C8200, #007B61, #34364A)
• Gentle Aubergine color palette (#FFECF0, #CEAAD4, #925D99, #621E6C, #26022D)
• Timeworn Tangerine color palette (#F7F3FF, #D287C5, #EB6E44, #6883CA, #3B334A)
• Dusty Grape color palette (#FCDBD1, #BA5964, #8F6600, #7A2CAC, #2B040A)
• Antique Cocoa Summit color palette (#F8F1E2, #B6AB8C, #807547, #604800, #2A2203)

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