Petrol Station color palette — #FEF1F7 · #D7A581 · #699A76 · #2C6DA6 · #5C334B

Slate and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Camel (#D7A581): A luminous, dusty gold — the color of old brass.
• Eucalyptus (#699A76): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#2C6DA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#5C334B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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 Station color palette (#EEF8F3, #B8B47C, #549A99, #625FA4, #603338)
• Sand Market color palette (#FFF3E8, #FFBB88, #75A881, #4C6F8C, #502D2F)
• Muted Cypress color palette (#F9F3FA, #D99FA8, #948F57, #00787B, #433B63)
• Dusty Cerulean Field color palette (#FFF1F7, #CBDDCF, #9CB6AD, #6E8DA6, #44516A)
• Linen Ultramarine Grove color palette (#E8FBEA, #CA8F00, #008C70, #1D42C6, #5D002F)
• Dusty Aubergine Lantern color palette (#E5F7ED, #A2974A, #008285, #5831A4, #560603)
• Aged Shell color palette (#FEF3EC, #FFB197, #6EB6C6, #9A7A9A, #503951)
• Amber Meadow color palette (#ECF4EC, #C39051, #4C5D52, #303B2F, #271F23)

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