Petrol Coast color palette — #F1F6FB · #D9D8E3 · #ADB3C3 · #0069A6 · #313C46
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F1F6FB): bright and airy, almost weightless.
- Silver (#D9D8E3): bright and airy, almost weightless.
- Ash (#ADB3C3): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#0069A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#313C46): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Summit color palette (#EDF3F7, #D7D4E0, #B5B4CB, #1A6C96, #16222B)
- Softworn Harbor color palette (#F0F7F4, #E6D7DA, #DBB8B2, #4C88A9, #2F3F38)
- Driftwood Delta color palette (#F4F5FB, #DED8DE, #B7A8A4, #8978A9, #50525C)
- Navy Meadow color palette (#E2E6EC, #B2B9C7, #878CAA, #00428A, #16202C)
- Aged Villa color palette (#F5F4FD, #E2D5DE, #C5B6CA, #8E4C98, #403C51)
- Wandering Chestnut Archive color palette (#CEE3FF, #9EA7C9, #7A7196, #6C4D0B, #454A1B)
- Antique Orchard color palette (#EEF8F0, #9F9E6B, #556C22, #00536C, #183E2E)
- Grape Villa color palette (#F2F5FF, #D0D0E7, #AAA0C5, #611FD6, #2B314A)
Browse the whole catalog at Explore, or see today's palette.