Worn Petrol color palette — #F8E9F5 · #75BFC9 · #00719E · #005333 · #1A2C53
Built around Peacock, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Blush (#F8E9F5): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#75BFC9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00719E): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005333): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Navy (#1A2C53): 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
- Sapphire Dune color palette (#FBE9F0, #72BAEA, #4260BE, #00504E, #312649)
- Tempered Lagoon color palette (#FBF2F8, #94D0E1, #477DAC, #00624C, #31375B)
- Hushed Petrol color palette (#E9EAE0, #9BBDA4, #00788F, #004B4B, #001923)
- Soft Boulevard color palette (#D7F4FF, #90C6FA, #BE8AD2, #006841, #18374B)
- Powdered Bloom color palette (#E1F5E9, #009F93, #006A71, #004963, #132F5F)
- Cerulean Balcony color palette (#BEEAFF, #009FC4, #006082, #003145, #001921)
- Aged Dune color palette (#F2E2F4, #00A4A1, #005265, #013306, #00152A)
- Tempered Turquoise color palette (#FAEBE4, #BEDCC6, #43B1E2, #009478, #092E54)
Browse the whole catalog at Explore, or see today's palette.