Petrol Pier color palette — #E7F7E9 · #6FC3CB · #C58995 · #00818A · #4A251E

Teal and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E7F7E9): A whisper-light, dusty green — the color of new leaves after rain.
• Aqua (#6FC3CB): A luminous, balanced blue — the color of open sky before noon.
• Dusty Rose (#C58995): A luminous, dusty red — the color of a theater curtain.
• Teal (#00818A): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#4A251E): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Petrol Pier 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

• Antique Cypress color palette (#EFF8EF, #82BCBB, #CB8281, #008383, #664337)
• Cypress Workshop color palette (#F0F4E8, #8AC2A1, #AE8EBE, #42815E, #48242F)
• Wandering Parlor color palette (#E3F7F0, #88BADE, #BD9368, #3678A3, #35302B)
• Lagoon Meadow color palette (#E7F9FC, #98CFD9, #E69B8F, #00A292, #5E4359)
• Antique Teal color palette (#E4F9E4, #3FAFB1, #B97A72, #9D6862, #1B2C1C)
• Sunlit Denim color palette (#FDECF8, #8EA0E3, #B3824A, #4C5DAC, #3A2100)
• Softworn Study color palette (#DCFBEB, #2AB7E5, #C73C35, #006581, #440103)
• Washed Coast color palette (#D9FCE6, #9ADAE5, #5097A7, #005C61, #032713)

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