Petrol Hollow color palette — #FBF2F9 · #F0D3D5 · #D2B1C0 · #5364AE · #473C44

Slate and Rosewood Mist set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Shell Pink (#F0D3D5): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D2B1C0): A luminous, dusty rose — the color of strawberry cream.
• Slate (#5364AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#473C44): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Ancient Sapphire Meadow color palette (#F9EEF7, #E6D0D1, #D7B4BF, #4A65B8, #2F1E2C)
• Aged Harbor color palette (#F4ECF0, #D8C6CE, #B398A1, #4F4D83, #362A31)
• Softworn Coast color palette (#EDF9F2, #C5E0E1, #A4C4BB, #007694, #31453B)
• Aged Driftwood color palette (#FCF2F2, #E1D8D1, #ABAFA6, #9B7876, #59504F)
• Sunlit Wisteria Pier color palette (#EDE5FF, #C898DF, #93678A, #854A25, #55420E)
• Worn Violet color palette (#FFF0F8, #BED1FF, #9A94FF, #9858C9, #3B3058)
• Aged Periwinkle color palette (#FAF2F9, #E3D6D5, #ACAC9C, #73A2FF, #4B3949)
• Aubergine Basin color palette (#F9E5E8, #BBA2A3, #957675, #5A0D5D, #1F0E11)

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