Worn Petrol color palette — #F4EBF3 · #81BDC3 · #00719A · #00532E · #182D51
Built around Peacock, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Blush (#F4EBF3): a clean, paper-quiet neutral.
- Ash (#81BDC3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#00532E): A deep, shadowed, balanced teal — the color of sea glass.
- Navy (#182D51): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, 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
- Ancient Sapphire Hollow color palette (#F5EBF0, #80BBD6, #0A63CB, #005147, #2B2752)
- Petrol Garden color palette (#EFE8DD, #6FC3CA, #00778F, #004C41, #001925)
- Softworn Cerulean Garden color palette (#E8F1E9, #83D4DB, #0096B3, #006E5E, #003248)
- Ancient Summit color palette (#FDF1F7, #A4D6EF, #2B7BEB, #00685C, #3D3966)
- Sunlit Garden color palette (#FCEBE3, #99E2E8, #29B4DF, #24936F, #003052)
- Worn Basin color palette (#F9F3F8, #D4E1F4, #6BA0C2, #457C61, #465368)
- Timeworn Nightshade color palette (#E6EEE5, #6395BD, #2E31AF, #003030, #1D0038)
- Ancient Atelier color palette (#DBF8F2, #86DCCC, #00A9EE, #715200, #003B3F)
Browse the whole catalog at Explore, or see today's palette.