Petrol Coast color palette — #CEF5F3 · #60A3AD · #377590 · #48426A · #3E2944
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Honeydew (#CEF5F3): A whisper-light, dusty teal — the color of shallow lagoons.
- Blue Fog (#60A3AD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#377590): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#48426A): A full-bodied, dusty violet — the color of wild irises.
- Espresso (#3E2944): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Patina Cerulean color palette (#C4EAFB, #6094BB, #506480, #573857, #4B1F25)
- Ancient Azure color palette (#E2F5E6, #81C4DF, #68A2D1, #826D9E, #4F2F52)
- Cerulean Cabin color palette (#DFF1F2, #0098A6, #006879, #00404F, #12243E)
- Petrol Pier color palette (#E2F3F0, #81BCCA, #00748F, #004F53, #003346)
- Timeworn Archive color palette (#CFE6F9, #5A739C, #3C417B, #481137, #350201)
- Powdered Byzantium Garden color palette (#C3E4F6, #008DAB, #9044A6, #005264, #400A4E)
- Timeworn Pewter color palette (#EFF6FF, #B9C2D5, #9194A6, #7A7080, #644D54)
- Aged Studio color palette (#ECE8D5, #79B8A2, #508393, #874C48, #492D00)
Browse the whole catalog at Explore, or see today's palette.