Petrol Station color palette — #FBF4EB · #D3A876 · #A28858 · #00768A · #5D3248

Built around Teal, softened by Camel — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Camel (#D3A876): A luminous, balanced gold — the color of old brass.
• Caramel (#A28858): A luminous, dusty gold — the color of honey in a jar.
• Teal (#00768A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Mulberry (#5D3248): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: 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

• Tempered Petrol Alley color palette (#FFF2F1, #D79CBD, #9A8D4C, #0071A0, #59354A)
• Olive Station color palette (#FCF2F5, #BF8C5A, #6D772B, #17614B, #533751)
• Worn Studio color palette (#FBF4EC, #D4A877, #4B9AA5, #4967A7, #523755)
• Pale Loft color palette (#FFF3E8, #D6945E, #2B9384, #6F459C, #57291B)
• Weathered Quarry color palette (#FFF1F1, #E4CABE, #BCAD98, #658E84, #654754)
• Muted Shell color palette (#FDF1FA, #FFB7AA, #76A884, #4E6E8C, #213A53)
• Olive Thicket color palette (#FFE8D9, #EEC49E, #C39B53, #7E7619, #504F47)
• Aubergine Chapel color palette (#F7E5CA, #B08500, #007782, #76007B, #3E1700)

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