Weathered Petrol color palette — #F1F3E8 · #82C6E1 · #007CA8 · #00505B · #001C2F
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F3E8): bright and airy, almost weightless.
- Sky (#82C6E1): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#007CA8): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00505B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001C2F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Worn Cobalt Coast color palette (#FFF0F9, #7DC3DD, #0073B7, #005651, #1D2E64)
- Iris Workshop color palette (#D2FDED, #B7D9FF, #849AFF, #006586, #001C34)
- Cerulean Delta color palette (#F2F3E7, #B9DABA, #0094A0, #006359, #002B32)
- Tempered Cerulean Dune color palette (#E3FBF9, #77D9FF, #0098CF, #00707F, #003655)
- Washed Denim Parlor color palette (#E1E5D5, #71A4BD, #005F89, #003843, #000C19)
- Patina Grove color palette (#DBEDF9, #007BAC, #8400DF, #00614A, #00101B)
- Muted Chapel color palette (#E6EADD, #567C9E, #003A74, #001D2B, #000109)
- Aged Byzantium Grove color palette (#D9F1FF, #0092C7, #B900B6, #005373, #2A0029)
Browse the whole catalog at Explore, or see today's palette.