Timeworn Petrol color palette — #F8F5EC · #9B9C60 · #008089 · #594A78 · #48413D

Teal and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EC): bright and airy, almost weightless.
• Moss (#9B9C60): A luminous, balanced green — the color of fresh herbs.
• Teal (#008089): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#594A78): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#48413D): a grounded near-black with real depth.

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

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

• Dusty Courtyard color palette (#F3F7EC, #5BAB7F, #3276A8, #6D416A, #47413C)
• Washed Cabin color palette (#F9F0E6, #C79045, #3D799B, #633C5E, #3A1D22)
• Wandering Coast color palette (#FDF3EA, #BE8C61, #408145, #005C79, #573842)
• Softworn Mustard Study color palette (#EDF9EF, #CEAC62, #728CBF, #686389, #423E59)
• Aged Grove color palette (#F9F6E4, #C6CBA9, #819874, #836876, #644A42)
• Softworn Turquoise color palette (#F8F5EF, #C9E6E3, #61A3C2, #3C7B77, #355149)
• Muted Study color palette (#FAF7D5, #A5CC99, #43945A, #2A7256, #475640)
• Teal Ridge color palette (#EDF8F4, #C2CE99, #78B9A3, #5391A6, #2E4A30)

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