Dusty Petrol Pier color palette — #FDF1FA · #D6C29A · #5D6EA8 · #344068 · #2B1C28

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

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Sand (#D6C29A): A whisper-light, dusty gold — the color of old brass.
• Slate (#5D6EA8): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#344068): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#2B1C28): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Dusty Petrol Pier 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

• Abyss Meadow color palette (#ECF9F3, #EEB4A9, #427995, #004964, #13261F)
• Worn Straw Orchard color palette (#F0F5FF, #F6E798, #5E73B1, #283854, #090F1A)
• Denim Quarry color palette (#F1F5FD, #DF97A2, #404A8C, #252B4D, #1E1C25)
• Wandering Pewter color palette (#FDE9E9, #AEBC82, #854E73, #512242, #250E10)
• Iris Archive color palette (#FFF0FA, #FFC3C9, #858FD0, #74596C, #2A1D26)
• Ancient Ash Orchard color palette (#FAF3F5, #E4D8D4, #CEBEB2, #9983B7, #524348)
• Gentle Balcony color palette (#FAF3F8, #B5C2F1, #C8765F, #6173E4, #302016)
• Softworn Corridor color palette (#FFF1F5, #AA89C1, #B05A34, #00743A, #3C2533)

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