Worn Petrol color palette — #F4E2EF · #67C3C2 · #00829A · #005D39 · #002236
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Blush (#F4E2EF): A whisper-light, dusty pink — the color of a candy shop window.
- Aqua (#67C3C2): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D39): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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 Harbor color palette (#F2E4EC, #66BEE1, #0078C8, #005956, #111A46)
- Aged Cerulean Quarry color palette (#FDF4E6, #99D9D9, #008A9B, #005340, #000F16)
- Aged Grove color palette (#EADDEA, #59AFAF, #00617A, #004215, #001F40)
- Aged Corridor color palette (#E9DBD8, #91CCCD, #00A1CC, #00833A, #001F43)
- Sunlit Dune color palette (#D6F4FF, #79D0FF, #9397F5, #007E59, #00252D)
- Antique Cornflower Field color palette (#FFF0F8, #7BD8FF, #0090F1, #00736F, #212D64)
- Weathered Turquoise color palette (#C6F4FC, #00A9C4, #00707E, #003A43, #000C0F)
- Softworn Villa color palette (#DAF7E1, #009E83, #007273, #004C58, #002434)
Browse the whole catalog at Explore, or see today's palette.