Worn Petrol Field color palette — #ECF4F1 · #DED0CD · #CBB4B6 · #507A98 · #222F2B

A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Oat (#DED0CD): a clean, paper-quiet neutral.
• Rosewood Mist (#CBB4B6): A luminous, dusty red — the color of late-summer berries.
• Slate (#507A98): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#222F2B): a grounded near-black with real depth.

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

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

• Worn Harbor color palette (#F6F0F4, #E0D4D4, #BCAEA2, #96788E, #3A3438)
• Pewter Quarry color palette (#F7EFF1, #E0D3CD, #D0AEAA, #795486, #271D20)
• Timeworn Villa color palette (#FFEAFE, #CCB1C1, #9D7EA3, #7D530F, #3C3A33)
• Olive Loft color palette (#F7F1E8, #C2B289, #6D7E31, #3E5D4D, #2E2713)
• Timeworn Field color palette (#F0F7F4, #DFD4D1, #A4A095, #62A8CA, #37423D)
• Patina Terrace color palette (#F7EFF6, #E6CADB, #B3A2CE, #2555B2, #211520)
• Navy Lagoon color palette (#F3EAF4, #AB9AA7, #927081, #003766, #09020A)
• Tempered Lilac Hollow color palette (#F9EEF8, #C2EBFF, #92BBFF, #A17AC5, #341D30)

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