Worn Petrol Pier color palette — #FEF4E2 · #45AAA0 · #4468AA · #5F4B00 · #264532

Slate and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF4E2): A whisper-light, dusty gold — the color of honey in a jar.
• Turquoise (#45AAA0): A luminous, balanced teal — the color of sea glass.
• Slate (#4468AA): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#5F4B00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#264532): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro, muted.

Use it as a design system

One click turns Worn Petrol Pier 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

• Weathered Fern color palette (#F5F7E8, #8DB295, #7072A3, #3E652F, #314F44)
• Cocoa Cabin color palette (#FFF2EB, #7CA475, #0D768B, #832F0E, #3B3E38)
• Worn Ridge color palette (#F4F7E5, #5AA2C2, #765C93, #245C26, #4B344B)
• Petrol Lantern color palette (#E2F9E6, #4EA9CB, #4D68AB, #6D3323, #132433)
• Tempered Basalt Quarry color palette (#FAF5E9, #B1B293, #49806C, #28617A, #464500)
• Tempered Drift color palette (#FFF4E2, #67BEE0, #6383D0, #8D5141, #22453B)
• Tempered Lapis Delta color palette (#DFECB8, #008E96, #421ED4, #343D00, #002D3F)
• Sunlit Mulberry color palette (#E8F4D7, #5489C6, #7D407A, #004B40, #2B2B51)

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