Petrol Coast color palette — #FAF3F6 · #D9DDEE · #829BBE · #1B7D85 · #49526C
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 (#FAF3F6): a clean, paper-quiet neutral.
- Silver (#D9DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#829BBE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#1B7D85): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#49526C): A full-bodied, dusty violet — the color of twilight just after sunset.
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
- Aged Ash color palette (#F1F3EC, #C2E4E7, #7AA0C6, #3B738A, #412F41)
- Wandering Veranda color palette (#EEF7F7, #D8DBEA, #8EB5DE, #5B8EA4, #435469)
- Wandering Cypress Delta color palette (#E9F8FB, #7ABFB6, #C68295, #00847A, #594461)
- Washed Petrol Lagoon color palette (#F5EBF2, #84BCC9, #00709F, #005145, #0B2C5A)
- Ancient Lagoon Terrace color palette (#E7F9FF, #A6D9EA, #2C9299, #005E60, #004243)
- Worn Field color palette (#F0E1EB, #459FA1, #005265, #00321E, #001626)
- Aged Bronze Terrace color palette (#E9F8FF, #65A3B0, #A279A6, #AF5B41, #2C4752)
- Worn Denim Studio color palette (#EEE3E8, #7DA4C0, #0054AB, #003E3F, #171153)
Browse the whole catalog at Explore, or see today's palette.