Petrol Alley color palette — #E8DECF · #6CAEB7 · #00728C · #004B42 · #001623

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

The five colors

• Bone (#E8DECF): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#6CAEB7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00728C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B42): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001623): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Quiet Petrol Lagoon color palette (#EFE5D6, #71AACA, #0E69AF, #004952, #000942)
• Tempered Garden color palette (#E4F3E6, #5FC9D6, #00738D, #003F37, #000306)
• Cobalt Lagoon color palette (#ECE2EA, #61C1CC, #008EC4, #007145, #010E3B)
• Weathered Cerulean color palette (#F7EDDF, #96D0D4, #0096B0, #006E5C, #003346)
• Turquoise Thicket color palette (#FEF4E4, #9EECE6, #00B0BE, #008660, #004858)
• Soft Cabin color palette (#F8E7DF, #D33323, #007383, #850600, #001317)
• Cerulean Dune color palette (#F9F4EE, #BFE7E9, #7DA9D6, #1F8998, #563E54)
• Tempered Olive Lagoon color palette (#FBECCB, #7E8413, #605200, #412C00, #070E00)

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