Worn Petrol Garden color palette — #F8ECE6 · #81BDC5 · #007295 · #00523E · #002F55

A conversation between Teal and Navy, giving this palette its sense of trust and stability.

The five colors

• Cream (#F8ECE6): bright and airy, almost weightless.
• Ash (#81BDC5): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#002F55): A deep, shadowed, balanced 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 Worn Petrol Garden 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 Field color palette (#DDEDEA, #7FC0C9, #00788D, #004B4A, #001922)
• Cobalt Boulevard color palette (#FEF3ED, #B2CCBC, #2280B5, #006155, #223A64)
• Patina Sapphire Chapel color palette (#F4EDE7, #8FBCB0, #475FBE, #004E5A, #2F2551)
• Weathered Boulevard color palette (#EFE3DA, #71A7BF, #00599B, #003E3C, #101453)
• Patina Balcony color palette (#F4EBF2, #88E4EF, #33B3E2, #009473, #0D2F4E)
• Tempered Abyss color palette (#FCECE4, #5D9C98, #005360, #003218, #001623)
• Dusty Cerulean color palette (#FBF4ED, #C2E5D9, #6B8AC1, #007077, #5B3D4F)
• Gentle Lapis color palette (#EBDCC4, #A17700, #6255C8, #5E4400, #261860)

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