Petrol Alley color palette — #E7F1E9 · #74C7CB · #007487 · #003F33 · #000306

Teal and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7F1E9): bright and airy, almost weightless.
• Aqua (#74C7CB): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007487): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F33): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000306): quiet, heavy and certain.

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

• Aged Sapphire color palette (#E5F2E7, #87BDE7, #2765B8, #003C48, #010014)
• Cobalt Chapel color palette (#EEF8F0, #9AD7E8, #0085B4, #00514F, #000D1D)
• Lagoon Market color palette (#F0E1DC, #329B9F, #00516A, #002E12, #000411)
• Forest Harbor color palette (#EDE1EB, #53C3C7, #0090B9, #007234, #00132F)
• Azure Lantern color palette (#EAFAED, #C8E5FC, #00A9D7, #00736B, #00273F)
• Worn Chestnut Canyon color palette (#CEE8D6, #8B894B, #5E4B00, #301D00, #010100)
• Wandering Nightshade color palette (#F9E6E3, #BF1700, #006B31, #2600C3, #040000)
• Faded Scarlet color palette (#FCE2F9, #D24748, #007483, #750011, #000102)

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