Worn Petrol color palette — #F1E5EF · #8CBCCE · #1074A0 · #004E30 · #041238
Built around Slate, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Blush (#F1E5EF): a clean, paper-quiet neutral.
- Ash (#8CBCCE): A luminous, dusty blue — the color of deep harbor water.
- Slate (#1074A0): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004E30): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#041238): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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
- Worn Field color palette (#F9EEF5, #A1CFE5, #4282B3, #005E46, #161D3F)
- Worn Sapphire color palette (#F6E3E9, #99B7D4, #5560BA, #004B4E, #1E0832)
- Denim Ridge color palette (#EFE2E9, #74A4BA, #275897, #003A32, #0A012B)
- Ancient Basin color palette (#FCF4E8, #AEF3FC, #00A2C5, #006B5E, #002133)
- Patina Alley color palette (#F6EFF4, #D4D2E7, #7FA0BD, #457762, #2B364A)
- Weathered Archive color palette (#E4DBE5, #4E9993, #005263, #052E02, #00050D)
- Muted Azure Veranda color palette (#C2F3EE, #8DD1CA, #5AA3E0, #655500, #002219)
- Patina Navy Archive color palette (#F8E5F1, #468197, #003C70, #002019, #01000A)
Browse the whole catalog at Explore, or see today's palette.