Petrol Station color palette — #E6F5FB · #75C1CE · #C28F6C · #17808E · #452535

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

The five colors

• Ivory (#E6F5FB): a clean, paper-quiet neutral.
• Cyan (#75C1CE): A luminous, dusty blue — the color of deep harbor water.
• Camel (#C28F6C): A luminous, dusty gold — the color of afternoon light on wheat.
• Teal (#17808E): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#452535): 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

• Antique Cypress color palette (#E1F7FA, #76C5B4, #C089A4, #158373, #392945)
• Weathered Petrol color palette (#ECF7FD, #84B9CC, #C2896F, #007F9D, #624154)
• Aged Petrol Market color palette (#EBF2FD, #9EB2E4, #AB9B69, #5A6FA7, #1D3827)
• Hushed Cerulean Study color palette (#EEF8F0, #8CD1DE, #E0A176, #009EB1, #524C47)
• Hushed Turquoise color palette (#E3F5FF, #50AAC4, #B48158, #976F4F, #142A36)
• Driftwood Drift color palette (#EAF5EA, #A0C5B2, #718B71, #684F5F, #1A312C)
• Ancient Villa color palette (#E5F4FF, #00A6DB, #AA7800, #006485, #2D1D00)
• Lagoon Lantern color palette (#E2F6FF, #DAD8E6, #DBB2BE, #5F8D92, #2D3F4B)

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