Worn Petrol color palette — #EDE8E1 · #9BBCAA · #0073A6 · #004B4D · #001631

Built around Slate, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Parchment (#EDE8E1): a clean, paper-quiet neutral.
• Sage (#9BBCAA): A luminous, dusty teal — the color of sea glass.
• Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004B4D): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Study color palette (#F7F1E8, #A8D2C1, #3C80BE, #005A65, #0D1E44)
• Petrol Hollow color palette (#F8EAF1, #74BDD5, #006BB6, #005141, #262951)
• Airy Field color palette (#E5E0D7, #76A1C6, #1852B0, #003745, #060030)
• Antique Lilac Station color palette (#D0F4E6, #DDBCDC, #988EDF, #007182, #001B38)
• Wandering Parlor color palette (#D9F5F5, #00939E, #00637C, #003E57, #00192E)
• Mulberry Boulevard color palette (#DAECE4, #0074A1, #A70F65, #4C5100, #000D16)
• Timeworn Bronze Chapel color palette (#D1EFE0, #008CB4, #A45100, #004E66, #210B00)
• Dusty Studio color palette (#EFE4D4, #54969F, #005266, #002C27, #00050B)

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