Softworn Petrol Field color palette — #F1F7F2 · #D2DDDE · #D4BCC0 · #2E818E · #404B43

Built around Teal, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DDDE): bright and airy, almost weightless.
• Stone (#D4BCC0): A luminous, dusty red — the color of late-summer berries.
• Teal (#2E818E): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#404B43): quiet, heavy and certain.

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

Use it as a design system

One click turns Softworn 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

• Wandering Petrol Field color palette (#EBF3F8, #D3D7E0, #B7BCCF, #527B90, #232E33)
• Wandering Sapphire color palette (#FAF3F8, #EED4D3, #D3B2B8, #3F64BF, #463C45)
• Tempered Denim Veranda color palette (#EAF9F2, #E1CADF, #A59FD4, #006385, #1B3A2E)
• Aged Harbor color palette (#F8F5EA, #B0B38B, #408267, #3E644B, #454600)
• Dusty Garden color palette (#EFF7FA, #D7DAE3, #B7AFBB, #6EB9CA, #3E4A50)
• Cobalt Orchard color palette (#D9E9E3, #0079B2, #43283B, #11231D, #070F0E)
• Softworn Chestnut color palette (#E4F9E7, #8DBDAF, #877EAF, #7C6116, #5A4E00)
• Patina Abyss color palette (#D8E5DD, #9BAEA9, #97728B, #003E4E, #081810)

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