Petrol Station color palette — #FFF1F5 · #F7C4E1 · #D0978C · #5D6296 · #5E383D

Slate and Camel set the tone — five colors that lean into creativity and warmth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Thistle (#F7C4E1): A whisper-light, dusty pink — the color of neon signs at night.
• Camel (#D0978C): A luminous, dusty orange — the color of toasted spice.
• Slate (#5D6296): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5E383D): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Creativity, Warmth, Comfort, Sophistication. Tagged pastel, light, muted, warm.

Use it as a design system

One click turns Petrol Station 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 Corridor color palette (#FFF0FE, #EED1EC, #D19EC0, #287086, #4D3646)
• Weathered Pewter color palette (#FFF2EF, #F1D5C0, #CFAE80, #875D88, #4F332B)
• Muted Grove color palette (#FFF1F6, #FFB8AF, #CF9100, #863894, #5D2735)
• Violet Basin color palette (#F1F0FF, #DCD2F2, #D79AB7, #875FAF, #271C3B)
• Dusty Lilac Meadow color palette (#FFF1F4, #F5D3C5, #FCAECF, #9E75C0, #5B353A)
• Periwinkle Meadow color palette (#F3F4FF, #FFD2D7, #EABC99, #8FA0E4, #433E56)
• Muted Cocoa color palette (#FFF2EF, #E1DBCF, #CACCA2, #A77980, #793C1F)
• Gentle Basin color palette (#F6DFFD, #E1A8BC, #BC7A5B, #3F3885, #380F2C)

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