Timeworn Petrol Lagoon color palette — #EDF2F8 · #D8D6DD · #C7B7C8 · #497AA3 · #262D33
Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EDF2F8): bright and airy, almost weightless.
- Silver (#D8D6DD): a clean, paper-quiet neutral.
- Stone (#C7B7C8): A luminous, dusty pink — the color of neon signs at night.
- Slate (#497AA3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#262D33): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Timeworn Petrol Lagoon 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
- Petrol Hollow color palette (#F0F6FD, #DBD9E3, #C4BBCD, #59769A, #42484F)
- Weathered Amethyst color palette (#F0F1FA, #E1D2DD, #D3B3D3, #7954B0, #222333)
- Driftwood Harbor color palette (#E3F5FF, #A8B4D0, #A57794, #415F5D, #1B413E)
- Cerulean Pier color palette (#EEF8F5, #E3D4CD, #A4A293, #6C94B8, #3D4B47)
- Ultramarine Dune color palette (#EBF2FF, #D0D1E9, #B4A3C7, #324CC1, #101A2C)
- Muted Parlor color palette (#FBEDF3, #99BDA7, #647F47, #55506F, #1A2C21)
- Worn Archive color palette (#DEE6EF, #9A9FB3, #926E8C, #00346F, #01040C)
- Washed Indigo Lagoon color palette (#E9EFFE, #656CBB, #332A4C, #0F1525, #03070B)
Browse the whole catalog at Explore, or see today's palette.