Timeworn Petrol Coast color palette — #FFF0F8 · #ACA9DC · #58A9A3 · #6F6AA5 · #3C5539

Slate takes the lead with Turquoise close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Mauve (#ACA9DC): A luminous, dusty violet — the color of twilight just after sunset.
• Turquoise (#58A9A3): A luminous, balanced teal — the color of sea glass.
• Slate (#6F6AA5): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#3C5539): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Timeworn Petrol Coast 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

• Muted Petrol color palette (#EBF9F3, #86B7D5, #7EA573, #387A9F, #4D4E46)
• Cobalt Orchard color palette (#FFF0FB, #A0ADE2, #C7838B, #616DAB, #694137)
• Dusty Delta color palette (#FFF1F2, #D19DBF, #B5925E, #995A84, #514C46)
• Washed Summit color palette (#F2F5FF, #C4BCF1, #BAB46F, #8D7DD1, #2E5744)
• Muted Alley color palette (#FFF1F6, #D6C5F4, #8B77A7, #554370, #4E2A39)
• Driftwood Meadow color palette (#FFF1F6, #E4D7D3, #D4BA98, #A17A8E, #5F4A50)
• Weathered Lilac Station color palette (#F2F5FF, #D6CDFF, #FFAFA2, #AB9AEA, #5C4457)
• Washed Corridor color palette (#FEF3E6, #C4B69E, #A17839, #805214, #5C4300)

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