Timeworn Petrol Dune color palette — #F1F6FB · #DADAE4 · #C1BDCF · #5277A0 · #414951
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F1F6FB): bright and airy, almost weightless.
- Silver (#DADAE4): bright and airy, almost weightless.
- Stone (#C1BDCF): A luminous, dusty violet — the color of a velvet chair.
- Slate (#5277A0): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#414951): 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 Dune 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 Ridge color palette (#ECF3F9, #D9D7E4, #C3B9C9, #537998, #262D33)
- Pewter Studio color palette (#F3F4FF, #B9B7D7, #85799B, #78576E, #614343)
- Timeworn Iris Villa color palette (#F0F5FF, #D6D9F5, #A9BCFF, #8B77C1, #313E5C)
- Hushed Lagoon color palette (#EEF8F4, #E0D4D0, #A7B7A8, #6A9B8C, #3E4B47)
- Hushed Orchard color palette (#DCE5F7, #6168B9, #2B304C, #181F2F, #0D0C14)
- Muted Lantern color palette (#F0F5FF, #CAD2EA, #AA9ECC, #424AB6, #2B3344)
- Muted Mulberry color palette (#F0EDF5, #BEB4C6, #9D84A5, #711B5A, #221C2B)
- Navy Station color palette (#DBE2EC, #A2A9B8, #747E9C, #002691, #0C141F)
Browse the whole catalog at Explore, or see today's palette.