Softworn Petrol Archive color palette — #F0F7F4 · #DED4D2 · #CCB7B7 · #317DA3 · #3C4C45

Cerulean and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DED4D2): bright and airy, almost weightless.
• Stone (#CCB7B7): A luminous, dusty red — the color of late-summer berries.
• Cerulean (#317DA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3C4C45): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Petrol Workshop color palette (#EDF3F8, #D7D7E4, #BDBBD2, #507A9A, #272D32)
• Wandering Cerulean color palette (#EFF7F4, #E1D3D2, #AC9E92, #6595B9, #3E4B47)
• Patina Indigo Basin color palette (#FDF1F7, #E3D6D3, #D9B1B0, #6959B6, #4E3844)
• Wandering Study color palette (#F6F6EC, #A8B593, #35827B, #306079, #374A00)
• Wandering Cobalt Summit color palette (#EDE0EB, #496EBC, #422A34, #281927, #081516)
• Navy Grove color palette (#E3EDEA, #B5A3B0, #967481, #003A5F, #001913)
• Worn Fern Coast color palette (#E6FCE7, #9CB8B0, #987487, #6A6539, #4B560A)
• Ancient Petrol Corridor color palette (#FBF6DD, #54A4BC, #5C62A7, #545000, #23453B)

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