Petrol Coast color palette — #E0ECEA · #7EBFCF · #007695 · #004B4F · #001925
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Frost (#E0ECEA): bright and airy, almost weightless.
- Ash (#7EBFCF): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cerulean Orchard color palette (#E8F5F4, #A3CEE8, #3B84AA, #005967, #00233A)
- Petrol Summit color palette (#F6EDDF, #93BDA2, #007296, #00504C, #003150)
- Aged Denim color palette (#D7EBEA, #69A4C8, #005C93, #003746, #000B1D)
- Airy Turquoise Thicket color palette (#BEF3FA, #7CD7D0, #00B1C0, #2A684A, #001E23)
- Dusty Cobalt Bloom color palette (#D7E8E6, #0A83B0, #004061, #001E26, #000104)
- Feathered Sapphire color palette (#C7F3F3, #009763, #2669C2, #005435, #00102E)
- Aged Teal Atelier color palette (#E2F4ED, #00B293, #00654F, #002F25, #000805)
- Patina Veranda color palette (#CEF7E8, #007E63, #006692, #544E00, #000E0F)
Browse the whole catalog at Explore, or see today's palette.