Weathered Petrol color palette — #E9FCDE · #78BFCA · #4193B9 · #2F6BA4 · #62425A
Slate and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Custard (#E9FCDE): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#78BFCA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#4193B9): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2F6BA4): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#62425A): A full-bodied, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Washed Azure color palette (#E2FEE8, #89D7EF, #30A8DC, #477AA2, #5C485C)
- Pewter Terrace color palette (#DDFFEC, #93B9DD, #7C84C4, #725196, #694147)
- Muted Chapel color palette (#ECF9F1, #7CBBCF, #B69258, #007F9B, #604820)
- Hushed Alley color palette (#C7F0FF, #69BDD8, #0090BB, #2B6086, #243447)
- Patina Workshop color palette (#FAF7D6, #8CBD9E, #369E90, #006E78, #325A4C)
- Hushed Aubergine Workshop color palette (#CFF1FF, #5AA0D7, #4E63CB, #5A2D9B, #542A58)
- Hushed Ultramarine color palette (#CAF6F6, #00A8DB, #0078D3, #3D28D2, #4C2C76)
- Muted Courtyard color palette (#E6FBF3, #E9D6D1, #F1B8BC, #569F98, #604F5F)
Browse the whole catalog at Explore, or see today's palette.