Petrol Coast color palette — #ECF4D7 · #72A689 · #126D7A · #522E29 · #2D100D

Teal and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#ECF4D7): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#72A689): A luminous, dusty teal — the color of glacier melt.
• Teal (#126D7A): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#522E29): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#2D100D): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, 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

• Timeworn Moss Hollow color palette (#EFE4D4, #769D54, #01776C, #58383B, #2E0E28)
• Tempered Meadow color palette (#CCEDD4, #03ADAE, #42688F, #672B0F, #3B0E0D)
• Ancient Lagoon Market color palette (#D4EDD0, #2E8A7B, #2B5773, #51241C, #240900)
• Aged Veranda color palette (#ECE5D6, #7E9854, #006732, #423809, #151200)
• Muted Coast color palette (#D6F0D9, #009C6F, #00665C, #004043, #001D26)
• Wandering Basalt color palette (#D4EBE6, #84B6A2, #598798, #585276, #55293A)
• Wandering Plum color palette (#DDF7DB, #00928F, #B23469, #005250, #290011)
• Muted Chestnut color palette (#E6EECA, #81C9CB, #63897E, #8A4E2A, #5B2700)

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