Weathered Petrol Coast color palette — #EFF7F7 · #D7DBEC · #739EC5 · #237995 · #40546C
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF7F7): bright and airy, almost weightless.
- Silver (#D7DBEC): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#739EC5): A luminous, dusty blue — the color of deep harbor water.
- Slate (#237995): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#40546C): A full-bodied, 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 Coast 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
- Weathered Cerulean Lagoon color palette (#EEF6FF, #DAD8E3, #D5B2CD, #5E8FB5, #414D5F)
- Hushed Courtyard color palette (#F7EFF2, #D9D0E4, #7B9DD4, #2C787D, #2F3646)
- Petrol Loft color palette (#EAF7FF, #81BCD6, #4189B5, #1F6AA0, #365069)
- Muted Atelier color palette (#E4F0EF, #72A6C3, #005D8C, #003C4A, #00203D)
- Cobalt Ridge color palette (#ECF7FF, #85B7D5, #7BA671, #007CAD, #235750)
- Antique Basin color palette (#E8FAF6, #97DCE0, #00909F, #006760, #004856)
- Lagoon Archive color palette (#DEF2ED, #4C9F9D, #00545A, #00302A, #00181C)
- Wandering Navy Market color palette (#DEECEB, #5B84AE, #003880, #002030, #01002F)
Browse the whole catalog at Explore, or see today's palette.