Dusty Petrol Alley color palette — #EFF0E4 · #83BDC0 · #007683 · #00504A · #00343F

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

The five colors

• Cream (#EFF0E4): a clean, paper-quiet neutral.
• Ash (#83BDC0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007683): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#00343F): 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 Dusty 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 Petrol color palette (#EDF0E6, #8CB7D9, #366BA2, #004C66, #182D50)
• Washed Petrol Chapel color palette (#F1E7E2, #9BBEA0, #007794, #004D37, #00172B)
• Worn Turquoise color palette (#E7F1EF, #9CE1E6, #00B9CF, #00918A, #003440)
• Ancient Cerulean color palette (#F7EAF3, #A0CCDC, #1394B8, #006F51, #003052)
• Ancient Cypress Ridge color palette (#F5F6EE, #C9E3DE, #69A4B2, #397B79, #395144)
• Washed Atelier color palette (#EBF5D9, #9FD6C1, #56B2A8, #2D6728, #0F412F)
• Sunlit Emerald color palette (#DCE2C4, #34954B, #006FB1, #00591F, #002B49)
• Softworn Loft color palette (#B2F3CC, #3CAB71, #006841, #00341D, #001E0E)

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