Worn Petrol Field color palette — #EAF8FD · #7CBDC3 · #CB8187 · #00828C · #6A3F42

Teal and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF8FD): a clean, paper-quiet neutral.
• Ash (#7CBDC3): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#CB8187): A luminous, balanced red — the color of late-summer berries.
• Teal (#00828C): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#6A3F42): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Worn Petrol Field 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 Pine color palette (#E9F9F9, #8FBCA2, #AE89B8, #2A855B, #5C4262)
• Tempered Cobalt Bloom color palette (#EEF6FF, #91B3DB, #BB8E67, #3975B6, #674526)
• Ancient Lilac Cabin color palette (#EAF5EC, #64C4CF, #A78ECF, #00818B, #442633)
• Bronze Drift color palette (#E9F8FF, #5EA4B2, #BB7272, #A8604A, #2D4652)
• Softworn Lilac Dune color palette (#E8F8FE, #8CD2D8, #BDA1EA, #309DA6, #494B64)
• Chestnut Orchard color palette (#FFF1F7, #A7C0A9, #997484, #7D5048, #364E41)
• Worn Atelier color palette (#E9F8FF, #00A5C1, #B96600, #00677A, #592E00)
• Dusty Grove color palette (#EEF9EE, #8AE7E8, #F7B4A5, #57BABB, #534B48)

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