Petrol Coast color palette — #EBF4F3 · #D3DAEE · #82A0BA · #457187 · #273849
Slate and Blue Fog set the tone — five colors that lean into sophistication.
The five colors
- Ivory (#EBF4F3): a clean, paper-quiet neutral.
- Silver (#D3DAEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#82A0BA): A luminous, dusty blue — the color of deep harbor water.
- Slate (#457187): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#273849): A deep, shadowed, dusty blue — the color of deep harbor water.
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 Denim Field color palette (#E2F0EF, #6BA5BF, #005F88, #003842, #000C19)
- Patina Cypress color palette (#FAF4F0, #C9E8E8, #799CC7, #007F80, #63495C)
- Wandering Lagoon color palette (#FBF2F6, #D8D4DF, #BDBFE7, #619E9E, #424D66)
- Weathered Navy color palette (#D4E8E7, #477EA8, #003C70, #001D2A, #000106)
- Timeworn Driftwood color palette (#F9EDFB, #EDD1D8, #CDAB9E, #957FA0, #433743)
- Antique Market color palette (#EAF4F3, #ACCDDE, #3687A3, #005A61, #002435)
- Antique Pewter Dune color palette (#F9ECFF, #C7869A, #AE8459, #7B6EA8, #2E2233)
- Worn Driftwood color palette (#FCEEF2, #ABC3AB, #9F7584, #6F4C5D, #203123)
Browse the whole catalog at Explore, or see today's palette.