Petrol Coast color palette — #F9EAEF · #87B7DD · #4465AD · #004E56 · #2B2750
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Blush (#F9EAEF): a clean, paper-quiet neutral.
- Sky (#87B7DD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#4465AD): A full-bodied, balanced violet — the color of twilight just after sunset.
- Deep Teal (#004E56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#2B2750): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. 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
- Antique Petrol Thicket color palette (#F6EAF3, #63C3C8, #00748F, #005238, #003150)
- Softworn Cornflower Loft color palette (#F5EDE5, #9ECAEC, #6780D8, #006C6B, #33244E)
- Cerulean Ridge color palette (#FCF2F9, #8CDDEC, #008BBB, #006855, #224165)
- Faded Periwinkle Chapel color palette (#F4EEE3, #AFDFD0, #69A5FD, #008DA8, #212958)
- Muted Ash Study color palette (#F1F7F0, #DBDDEE, #8798C6, #487689, #4C5168)
- Frosted Cerulean color palette (#F3E4EC, #069DC9, #004C82, #00302E, #070B3B)
- Lagoon Archive color palette (#EFE3EC, #009298, #004455, #002416, #000A16)
- Hazy Plum Courtyard color palette (#F4DEF6, #C5034E, #006E64, #174F69, #361118)
Browse the whole catalog at Explore, or see today's palette.