Petrol Alley color palette — #FFF4E2 · #6EC9CB · #007B8E · #005846 · #00394C

Teal takes the lead with Aqua close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Aqua (#6EC9CB): A luminous, balanced teal — the color of sea glass.
• Teal (#007B8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005846): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00394C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Alley 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

• Faded Grove color palette (#FFF4E2, #5EC5F3, #0073B6, #00555C, #103065)
• Antique Aqua color palette (#FFEEE8, #00D5D9, #007DA0, #005623, #001939)
• Turquoise Lantern color palette (#E1FCF6, #7AEFF3, #00C0D2, #00998C, #003A44)
• Hushed Turquoise Dune color palette (#F8F5EF, #C6EBE4, #65A3BA, #377C73, #375148)
• Turquoise Corridor color palette (#E7DED1, #56AEB7, #006176, #003F36, #002333)
• Weathered Pine color palette (#FDF1FC, #10E6E9, #009BC3, #007830, #003364)
• Pale Delta color palette (#D9FFE0, #87EECD, #00B8C2, #5D7200, #0D492F)
• Hushed Coast color palette (#F4EEE4, #4E8A9D, #00425E, #002222, #000919)

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