Petrol Coast color palette — #ECE8CC · #5D9B79 · #096D8B · #4D1A00 · #1A0500

Peacock takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#ECE8CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#5D9B79): A luminous, balanced teal — the color of glacier melt.
• Peacock (#096D8B): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#4D1A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1A0500): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Basalt Pier color palette (#F5EEDD, #72A071, #246972, #551C3A, #110007)
• Hushed Pine Balcony color palette (#F5F1D3, #378D5A, #00536E, #481806, #211100)
• Antique Veranda color palette (#D9E6DC, #4698A4, #595C86, #473400, #0B0600)
• Tempered Workshop color palette (#D4E6DA, #66A59E, #0085AA, #773964, #37000F)
• Denim Orchard color palette (#E1EADB, #308585, #33507F, #281800, #020100)
• Ancient Emerald color palette (#CEE9DB, #639F65, #005B4E, #2F2D00, #000200)
• Patina Onyx color palette (#D2E5D8, #007771, #004A60, #430534, #1A0005)
• Ancient Meadow color palette (#D2F3F6, #00757E, #933600, #712800, #000102)

Browse the whole catalog at Explore, or see today's palette.