Worn Petrol color palette — #EEF7FC · #D8D8E3 · #AFB2C6 · #006F8B · #313C43

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF7FC): a clean, paper-quiet neutral.
• Silver (#D8D8E3): a clean, paper-quiet neutral.
• Ash (#AFB2C6): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#006F8B): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#313C43): quiet, heavy and certain.

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

Use it as a design system

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

• Tempered Drift color palette (#EDF4F0, #E0D4D8, #C5B0BF, #006E94, #18231E)
• Tempered Driftwood color palette (#F2F5FB, #DDD8DE, #B7A8A1, #787EAA, #505259)
• Tempered Forest Veranda color palette (#C2E8EB, #86A6BD, #6D6F8D, #3B5C3D, #1D4945)
• Timeworn Field color palette (#D9E2EA, #B3B9C5, #8C8BA2, #004A6B, #0F212E)
• Amethyst Canyon color palette (#F3F4FE, #E3D5DF, #CAB4C9, #7C4EB5, #3C3E54)
• Washed Denim Workshop color palette (#E7FAF1, #80A683, #007366, #0D5078, #113D3A)
• Patina Ash color palette (#EEF8F2, #EED9DF, #D7BDBC, #6EA9BE, #323E37)
• Tempered Aubergine Harbor color palette (#EEEEF4, #D0C9D6, #AC9AA8, #6F388A, #2D2B3F)

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