Petrol Coast color palette — #EFF7F6 · #D3DCEC · #779FB7 · #007E86 · #39566B
Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EFF7F6): a clean, paper-quiet neutral.
- Silver (#D3DCEC): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#779FB7): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007E86): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#39566B): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Timeworn Denim Summit color palette (#DDEDEA, #7DA5B7, #006178, #003E40, #002331)
- Pine Parlor color palette (#E8F9FA, #89BDA6, #7C99CD, #008762, #3B4E6A)
- Hushed Grove color palette (#FAF4F0, #CCE8E5, #83B8DD, #4F9589, #5F4B5D)
- Timeworn Abyss color palette (#D7E7E5, #4A89A6, #004161, #002129, #000A17)
- Antique Bronze Lantern color palette (#DFFCFC, #6DA789, #4A94B2, #89751E, #26494A)
- Timeworn Cerulean color palette (#EFF7F5, #AACBD7, #008798, #00605B, #004250)
- Antique Veranda color palette (#ECF9F0, #A2C0AF, #668A72, #72592B, #354E43)
- Hushed Sapphire color palette (#E5FAFA, #90BDE5, #006CCD, #00516F, #0B2D70)
Browse the whole catalog at Explore, or see today's palette.