Weathered Petrol color palette — #FFF3E4 · #B49160 · #4B94AE · #4773AA · #46413B
A conversation between Slate and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
- Caramel (#B49160): A luminous, dusty gold — the color of old brass.
- Cerulean (#4B94AE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#4773AA): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#46413B): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Weathered 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
- Pewter Villa color palette (#F9F6E4, #959E61, #7F84BA, #826198, #44423B)
- Wandering Cocoa color palette (#FFF2EC, #C0877D, #559984, #008189, #6A2F0E)
- Ancient Amber color palette (#FFECF3, #CD8B53, #38A190, #816BA9, #352029)
- Sunlit Cobalt Quarry color palette (#FDE9C3, #997C00, #0074CA, #504CA6, #3C2F00)
- Weathered Teal color palette (#FFF3E8, #DDA375, #1EBEA8, #9B85C4, #47413C)
- Worn Thicket color palette (#FFF2EA, #DCE1CC, #9FD8CB, #AD7A84, #754904)
- Softworn Bronze color palette (#FFF2EA, #C7B59E, #AB7144, #7C4F52, #584500)
- Sand Field color palette (#FFF0F8, #FFB28C, #95C1F7, #A0A0CC, #4D3D46)
Browse the whole catalog at Explore, or see today's palette.