Petrol Coast color palette — #E3EBE5 · #84C0C2 · #00788B · #004D3E · #001924
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E3EBE5): bright and airy, almost weightless.
- Ash (#84C0C2): A luminous, dusty teal — the color of glacier melt.
- Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001924): 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
- Petrol Study color palette (#E2ECE3, #98B7D3, #3B6CAC, #004957, #0A0F3A)
- Antique Cerulean Dune color palette (#EEF4EF, #ADCDDB, #3786A3, #005C54, #002338)
- Forest Hollow color palette (#F9EBE6, #7CBFC0, #007393, #005421, #0D2E53)
- Denim Canyon color palette (#DAE7DC, #6CA6B9, #005F87, #00393A, #000B1C)
- Worn Coast color palette (#E2ECE4, #567F92, #00415A, #001F1E, #000104)
- Worn Terrace color palette (#EAF2FF, #D2C5F5, #C07EC6, #005C95, #0C1430)
- Sunlit Terracotta color palette (#DAE3F4, #4961C3, #A62A1D, #005C27, #03042A)
- Misty Lantern color palette (#C7E6F7, #358CD0, #0056BF, #1100A0, #12013E)
Browse the whole catalog at Explore, or see today's palette.