Petrol Coast color palette — #F5EAF6 · #E8A086 · #386599 · #15365C · #1C121D
A conversation between Peacock and Melon, giving this palette its sense of trust and stability.
The five colors
- Blush (#F5EAF6): bright and airy, almost weightless.
- Melon (#E8A086): A luminous, balanced orange — the color of toasted spice.
- Peacock (#386599): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#15365C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#1C121D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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
- Blush Loft color palette (#E2F3EB, #E79AB2, #216C8B, #003B50, #021B12)
- Hushed Cabin color palette (#FEF0FC, #E1BE8C, #5B719D, #533850, #281E27)
- Denim Meadow color palette (#EEF6FF, #FFBFA5, #0064B4, #00284E, #00040D)
- Muted Grove color palette (#E6F0F9, #B19864, #00486A, #002539, #0C0F1B)
- Ancient Cerulean color palette (#E0F4EC, #E7C379, #2F91C7, #2B5C79, #0C1915)
- Navy Villa color palette (#F8E3F8, #CE7B2E, #004091, #001840, #070007)
- Pale Indigo Garden color palette (#FFF1F7, #7CD09C, #7155AC, #402C68, #26141D)
- Patina Ultramarine Field color palette (#F2DDED, #A5B700, #344EBB, #172568, #050C2A)
Browse the whole catalog at Explore, or see today's palette.