Petrol Coast color palette — #F9F4EF · #CCE4E7 · #8698C6 · #2E7A87 · #664858
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 (#F9F4EF): a clean, paper-quiet neutral.
- Silver (#CCE4E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#8698C6): A luminous, dusty violet — the color of wild irises.
- Teal (#2E7A87): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#664858): A full-bodied, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Creativity, 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
- Cerulean Orchard color palette (#F4F6EF, #C9E5E9, #94B4DD, #568EAC, #5D4C5B)
- Worn Cypress color palette (#FAF4F0, #CBE7E1, #68A3B7, #2B805F, #335149)
- Wandering Periwinkle Bloom color palette (#EBF4F4, #D6D9EC, #759ED6, #41718D, #2B3748)
- Olive Coast color palette (#F6F6E9, #A3B88F, #AC89BE, #5B802A, #67404C)
- Hushed Abyss color palette (#F2E6E0, #518C8E, #004454, #002416, #000A16)
- Tempered Cobalt color palette (#FBF4EF, #A8CFBE, #517BAC, #005F60, #2F3664)
- Denim Terrace color palette (#EBDED3, #78A4C7, #3052A0, #003D43, #1F0C53)
- Ancient Pewter color palette (#F5F7E3, #7CA574, #9D79B1, #9E5872, #42433C)
Browse the whole catalog at Explore, or see today's palette.