Weathered Petrol color palette — #E1FCF8 · #7FC3D8 · #00799C · #00555C · #003850
A conversation between Teal and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E1FCF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#7FC3D8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00799C): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Teal (#003850): 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
- Chalky Iris Ridge color palette (#EBF7FF, #95CAFF, #7298FA, #00728E, #003757)
- Linen Cobalt Veranda color palette (#FDECF8, #70CAE4, #0079B5, #00524A, #000E50)
- Aged Cabin color palette (#E4FBFA, #8DBDE9, #1F6DC6, #005170, #0A2A76)
- Muted Lagoon color palette (#EAF9F5, #8BE0DB, #009196, #006858, #004951)
- Softworn Lantern color palette (#D8EDEA, #6CA8BF, #005F82, #003D45, #002237)
- Sky Summit color palette (#F4F8E4, #99E7FF, #00BBF0, #0096A2, #003751)
- Dusty Pier color palette (#C8E4F3, #007BA5, #7533D0, #006245, #002838)
- Gentle Olive color palette (#B7F0FF, #0094AF, #677A00, #005869, #2A3300)
Browse the whole catalog at Explore, or see today's palette.