Weathered Petrol color palette — #ECF4F0 · #E6B6AF · #2F6A7F · #1E372B · #0A1711
Built around Peacock, softened by Rose Quartz — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF4F0): a clean, paper-quiet neutral.
- Rose Quartz (#E6B6AF): A luminous, dusty orange — the color of autumn markets.
- Peacock (#2F6A7F): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#1E372B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#0A1711): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Timeworn Market color palette (#F8EEF7, #DEBC9C, #745672, #3E283D, #191118)
- Timeworn Cerulean color palette (#EFF6FB, #E0C6EB, #4E869B, #2F5265, #232D33)
- Dusty Coral Dune color palette (#E1F8F1, #EB8781, #005080, #00233B, #000B07)
- Cypress Corridor color palette (#EDF4ED, #82D4D4, #A17193, #008283, #1F1213)
- Muted Cocoa Veranda color palette (#FCEDF2, #957DB2, #786291, #784129, #102114)
- Patina Orchard color palette (#F7F2DF, #78B8BE, #6F73A4, #545523, #1C3129)
- Softworn Lagoon color palette (#ECF4F0, #DAD1CF, #A49F92, #5F8E7B, #2F3934)
- Twilit Mulberry Bloom color palette (#D7E9E2, #942C49, #38363E, #001624, #000103)
Browse the whole catalog at Explore, or see today's palette.