Worn Petrol Loft color palette — #EBF4F1 · #E2D4D6 · #C4B1B9 · #396A8C · #17241F

A conversation between Peacock and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#EBF4F1): a clean, paper-quiet neutral.
• Silver (#E2D4D6): bright and airy, almost weightless.
• Rosewood Mist (#C4B1B9): A luminous, dusty rose — the color of strawberry cream.
• Peacock (#396A8C): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#17241F): 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 Worn 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 Workshop color palette (#EFF7F5, #E1D7DA, #BFADBB, #0F67A9, #2D3F3A)
• Weathered Pewter Dune color palette (#FCEEF1, #E0D3CC, #D3B9B0, #885297, #311F23)
• Hushed Cerulean Coast color palette (#F0F6FC, #D9D9E3, #C0AAA7, #618EBA, #272F38)
• Ancient Fern Orchard color palette (#D4E9DE, #B99EB1, #8F646D, #435832, #262A11)
• Patina Navy Atelier color palette (#F4EDF4, #BFADB8, #A0858D, #00447F, #100712)
• Wandering Mulberry color palette (#F0E6E7, #D9C6C4, #B79D93, #793776, #1F1214)
• Washed Lagoon color palette (#FAF0E6, #ABA16B, #586E2A, #583B51, #251A00)
• Ultramarine Delta color palette (#F6E3F1, #4557C3, #381A25, #140712, #000302)

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