Petrol Loft color palette — #DBE4E1 · #AF9EA3 · #A18188 · #0167A7 · #000D09

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

The five colors

• Silver (#DBE4E1): bright and airy, almost weightless.
• Taupe (#AF9EA3): A luminous, dusty rose — the color of pressed rose petals.
• Heather (#A18188): A luminous, dusty red — the color of late-summer berries.
• Peacock (#0167A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#000D09): 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

• Petrol Thicket color palette (#E5EEE8, #8EA6A6, #6C9193, #006F81, #020C05)
• Dusty Denim color palette (#E3F1EC, #ADA0AA, #9A7C8A, #004A6E, #010C08)
• Wandering Coast color palette (#F2E6EC, #B29A98, #A08079, #694DAE, #13040B)
• Onyx Atelier color palette (#D9E2EB, #828F9F, #5D6C84, #002C4B, #000104)
• Tempered Lagoon color palette (#EBDFE5, #CEBAB8, #BF9E98, #806ED0, #291A22)
• Linen Pewter color palette (#E1E1F3, #9479BB, #83538B, #77312D, #210700)
• Dusty Drift color palette (#EBE1C9, #8A8F32, #566C00, #005548, #060600)
• Pale Grape color palette (#F4DCD5, #4970E1, #5B3BBA, #6E0037, #020018)

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