Worn Petrol color palette — #EFF8F1 · #DAD5E0 · #83A8DD · #007C93 · #242C4D

A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF8F1): a clean, paper-quiet neutral.
• Silver (#DAD5E0): bright and airy, almost weightless.
• Cornflower (#83A8DD): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007C93): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#242C4D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Softworn Summit color palette (#EFF8F1, #D4D7E7, #5BB5C4, #288065, #093346)
• Powder Alley color palette (#FAF3F6, #C6E4FF, #98ADF9, #00A0A1, #403159)
• Softworn Petrol color palette (#E7F1E9, #73C5D8, #007196, #003E3B, #000307)
• Dusty Cerulean Balcony color palette (#EEF6FF, #DDD9E3, #C7ADA2, #4A95BA, #293549)
• Aged Field color palette (#DBE8DD, #80A6CC, #2E5198, #002936, #01000A)
• Washed Balcony color palette (#EBFAEE, #B6F1FC, #00A1CB, #006B62, #002135)
• Cobalt Bloom color palette (#E2FAFF, #5ECBF8, #0090D0, #0E60A5, #1A2B5A)
• Chalky Cobalt color palette (#EDF6FF, #84C6FF, #E0953B, #007AC3, #3B2100)

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