Petrol Hollow color palette — #FBD8DA · #D5A796 · #A58868 · #396F8E · #583849

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

The five colors

• Shell Pink (#FBD8DA): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#D5A796): A luminous, dusty orange — the color of toasted spice.
• Caramel (#A58868): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#396F8E): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#583849): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

Use it as a design system

One click turns Petrol Hollow 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 Canyon color palette (#F9E2DA, #CCAE93, #8C9163, #7B5971, #5F384A)
• Aged Cypress Thicket color palette (#F9D1E4, #D9ABAE, #B58379, #347372, #1B465F)
• Softworn Coast color palette (#FFF1F0, #DFC3B6, #B09773, #557AA1, #644350)
• Quiet Ultramarine Summit color palette (#EBDBD8, #DA9F85, #968446, #2F5CB6, #48246D)
• Aged Sand color palette (#FFF1F5, #FFC6AA, #7FA591, #5A7182, #253E51)
• Tempered Alley color palette (#FFE9E6, #B48277, #896D11, #214D79, #282145)
• Lagoon Veranda color palette (#F8F6E9, #9AC09C, #2F937A, #7B527F, #35362F)
• Washed Bronze Atelier color palette (#F7E0E0, #E49675, #BE6800, #855900, #4D3D00)

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