Petrol Coast color palette — #E2F2F0 · #7BC2DE · #007099 · #003D45 · #000307
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E2F2F0): bright and airy, almost weightless.
- Sky (#7BC2DE): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#007099): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Worn Delta color palette (#D4E5E1, #6EAFB1, #00606A, #002C27, #000102)
- Timeworn Cobalt Station color palette (#E7F9F9, #ACD0F1, #1D7CD2, #004D67, #000A26)
- Dusty Studio color palette (#ECF1DB, #009DC9, #005071, #002F37, #001526)
- Wandering Cobalt color palette (#F7E8F0, #71BCD9, #0088DD, #006D68, #060D38)
- Timeworn Lapis Drift color palette (#E1E3FB, #5A4BD7, #9C006C, #004B59, #010009)
- Aged Sky color palette (#ECF8F7, #D9DDE8, #66AFDE, #007C93, #0E304D)
- Aged Grape Coast color palette (#D6E0FD, #6A74F4, #5501D8, #2E0068, #04000F)
- Dusty Chapel color palette (#D3E8D5, #9F8238, #674600, #321C00, #020100)
Browse the whole catalog at Explore, or see today's palette.