Timeworn Petrol color palette — #FAF2F8 · #E6D8D5 · #CABDB5 · #6870A0 · #4E454B

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Bone (#E6D8D5): a clean, paper-quiet neutral.
• Stone (#CABDB5): soft and architectural.
• Slate (#6870A0): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#4E454B): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Ancient Alley color palette (#EFF2F9, #DAD5DE, #C0B9C3, #726F99, #292C33)
• Hushed Driftwood Delta color palette (#FCF2F5, #E4D9D3, #A8AFA5, #9E7482, #585052)
• Aubergine Corridor color palette (#FFF1F7, #F0C6C9, #BE9E95, #6543A0, #442A36)
• Fern Ridge color palette (#FFECFE, #CFA3B0, #A47A6F, #536D2E, #365343)
• Weathered Delta color palette (#F4DEE5, #8A53B5, #482825, #281A1F, #120A0C)
• Washed Market color palette (#FDF4E3, #A2B88E, #3E8366, #6E5152, #484500)
• Garnet Workshop color palette (#F4E3E0, #C7B5AB, #A08A6E, #74213F, #2B1A17)
• Navy Balcony color palette (#F3E5ED, #BEA0A6, #99756F, #342775, #1C0F17)

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