Timeworn Petrol Terrace color palette — #F9F2FC · #A46C82 · #33769A · #3E4775 · #363242

Built around Slate, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F2FC): a clean, paper-quiet neutral.
• Mocha (#A46C82): A full-bodied, dusty rose — the color of a warm blush.
• Slate (#33769A): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#3E4775): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#363242): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Pewter Orchard color palette (#FFF1F7, #A8724A, #6F6098, #6B3C5F, #3A2B39)
• Turquoise Terrace color palette (#F5F6EC, #98C792, #1FB3D4, #6888B9, #413137)
• Worn Nightshade Meadow color palette (#E9F8FF, #008196, #594894, #5A2C58, #322131)
• Softworn Navy color palette (#EAF5F0, #868E53, #3E7E61, #394182, #271521)
• Hushed Denim color palette (#E9F9F5, #89A173, #327F71, #0E5C76, #2F4A31)
• Tempered Petrol Thicket color palette (#F9F5E9, #ADAD7A, #589478, #5B66AA, #512400)
• Hushed Dune color palette (#F1F7F2, #D3DCDB, #A5ADB8, #6F8A74, #4F5450)
• Worn Market color palette (#FFF0F8, #9E4700, #493697, #521651, #2B142C)

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