Petrol Station color palette — #FAEFEE · #B2758E · #13779B · #3A4279 · #28171B

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FAEFEE): a clean, paper-quiet neutral.
• Dusty Rose (#B2758E): A luminous, balanced rose — the color of pressed rose petals.
• Slate (#13779B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#3A4279): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#28171B): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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 Dune color palette (#F8F0EA, #B76E48, #685BA3, #6B3F66, #261511)
• Softworn Archive color palette (#F3F2EA, #789453, #007984, #204D70, #261920)
• Lagoon Pier color palette (#FDF3E9, #DAAB75, #009F98, #6E5D96, #2E241B)
• Weathered Summit color palette (#E8F8DD, #CD0051, #00589B, #401695, #1A0015)
• Worn Olive color palette (#F7F1E4, #B7AD67, #6D8239, #005E5E, #322C17)
• Nightshade Archive color palette (#FDEFE5, #AD4B00, #51389B, #5E0F58, #170401)
• Sunlit Aubergine Dune color palette (#D7FBEA, #006A8F, #67008F, #4F0032, #130200)
• Bronze Boulevard color palette (#F5F1EB, #D6D8D0, #A7B8AB, #A17B3A, #393630)

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