Weathered Petrol Coast color palette — #DFF3F2 · #7EB9E0 · #006CB1 · #004C62 · #162E4D
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#DFF3F2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#7EB9E0): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#006CB1): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#162E4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Ancient Cobalt color palette (#EDF8F7, #A7C9ED, #5279B3, #0C597E, #2C395A)
- Aqua Thicket color palette (#E1F3EF, #60C4C4, #00767F, #005147, #00343D)
- Ancient Cerulean color palette (#D6E6E4, #0A9EC3, #00516D, #002F35, #001625)
- Wandering Ash color palette (#EDF8F7, #D8DBEB, #789CC6, #4E748D, #475364)
- Chalky Periwinkle Quarry color palette (#F7EBF0, #BAD7F0, #81A1F3, #00918D, #331F5A)
- Hushed Field color palette (#FFEFFF, #F2A99A, #CE8359, #854455, #422C40)
- Plum Balcony color palette (#F0DEDF, #C70046, #7C5600, #623187, #381016)
- Powdered Thicket color palette (#E8D7EE, #D83475, #786B00, #850E42, #2F2900)
Browse the whole catalog at Explore, or see today's palette.