Weathered Petrol color palette — #F1E5ED · #80BFCD · #0074A3 · #004C40 · #001436
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F1E5ED): a clean, paper-quiet neutral.
- Ash (#80BFCD): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0074A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C40): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#001436): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Wandering Sapphire Summit color palette (#E3ECE2, #8EB8DE, #3F61CC, #004A53, #160D34)
- Aqua Atelier color palette (#DEF4F1, #5CC1D9, #007391, #004F54, #003347)
- Washed Studio color palette (#F9EFF2, #ACD5F5, #437BF2, #006169, #221C4D)
- Hushed Azure color palette (#F4F7E9, #B8F0FF, #00A1C9, #00696F, #002231)
- Antique Azure Corridor color palette (#F6F0F3, #D6D1E8, #6CA3CC, #2C7970, #2B3748)
- Ancient Lagoon Basin color palette (#F7E6F2, #209CA0, #005265, #002D1C, #00050C)
- Powdered Sky color palette (#CEEEEE, #92D5D3, #40B0F1, #516A25, #001F24)
- Ancient Teal Study color palette (#A9F2D6, #00AB8D, #006C56, #002C1F, #000705)
Browse the whole catalog at Explore, or see today's palette.