Petrol Coast color palette — #EDF4EE · #CFDFF4 · #79A3BB · #40747D · #293845
Built around Teal, softened by Blue Fog — the whole palette hums with sophistication.
The five colors
- Cream (#EDF4EE): bright and airy, almost weightless.
- Powder Blue (#CFDFF4): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#79A3BB): A luminous, dusty blue — the color of deep harbor water.
- Teal (#40747D): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#293845): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns 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
- Aged Turquoise Drift color palette (#DDECDF, #3FAEB7, #006377, #003A31, #000D15)
- Patina Aqua color palette (#D4FAFF, #51D3CD, #1E939E, #2C697C, #243D4E)
- Worn Aqua color palette (#E1F6FF, #4CC6DC, #CC8876, #2E7E8C, #402839)
- Muted Cypress Lantern color palette (#FBF3F0, #C9EAE5, #71A1B8, #3B7D69, #5F4A62)
- Washed Stone Harbor color palette (#E3F5FF, #D5D7E5, #C4BADB, #7097A2, #2F3B44)
- Softworn Turquoise Station color palette (#E3F5FF, #32ACCB, #B377A0, #82794B, #172A34)
- Powdered Cobalt Field color palette (#E0EDE2, #87BAE0, #2B6ABB, #004957, #0B1135)
- Aged Bloom color palette (#F5F6EE, #C9E5E0, #93BDA3, #549392, #325243)
Browse the whole catalog at Explore, or see today's palette.