Petrol Alley color palette — #F0E7E2 · #9FBCA1 · #007792 · #004E34 · #001829

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F0E7E2): bright and airy, almost weightless.
• Sage (#9FBCA1): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007792): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E34): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#001829): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Antique Cerulean Station color palette (#FAEFEA, #B2D0BB, #0F87B4, #005D4B, #042140)
• Worn Cobalt color palette (#F0E7DF, #93BEB0, #3E67BA, #004A51, #14083E)
• Petrol Workshop color palette (#EFEFE7, #6FC1C4, #007682, #00504A, #00343F)
• Tempered Denim Drift color palette (#F0E4DD, #65A7BC, #005D90, #003A34, #000231)
• Aged Abyss Workshop color palette (#EBDFD9, #398496, #00405F, #00201B, #000106)
• Patina Cerulean color palette (#EAF9F6, #C6E1FF, #00A5B5, #006B62, #00232B)
• Nightshade Boulevard color palette (#ECDFD3, #608FB5, #1D3DA2, #002B30, #050019)
• Frosted Sapphire color palette (#F9EBD6, #A0780B, #2D66C7, #5B4200, #000E34)

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