Timeworn Petrol Lagoon color palette — #F0F5FF · #C6C898 · #646EA1 · #373E6C · #1B212F

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

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Pistachio (#C6C898): A luminous, dusty green — the color of new leaves after rain.
• Slate (#646EA1): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#373E6C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#1B212F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Timeworn Petrol Lagoon 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 Basalt Cabin color palette (#F4F4FF, #98D0D3, #82648F, #533361, #211F2F)
• Dusty Petrol Drift color palette (#EFF6FD, #DFB6CF, #3C77A4, #224661, #142331)
• Washed Iris Market color palette (#F1F5FF, #F1D18F, #8B8ECD, #576280, #1D212D)
• Timeworn Celadon color palette (#FDF1FC, #D4F2A9, #5D77A1, #453044, #150B15)
• Worn Balcony color palette (#FDF1F8, #C6AB71, #494592, #29294D, #2B1D25)
• Timeworn Ash Harbor color palette (#F4F4FB, #E1D8DE, #D2BBC0, #9F81B7, #464651)
• Airy Indigo Atelier color palette (#F1F5FE, #B8C0F6, #C77569, #6C73DA, #2D1E2A)
• Weathered Driftwood Canyon color palette (#E0FCF8, #9FAEEA, #B06F8E, #007176, #393A56)

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