Petrol Pier color palette — #DCF6DC · #599C87 · #007D86 · #283B00 · #001409

A conversation between Teal and Forest, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DCF6DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Eucalyptus (#599C87): A luminous, dusty teal — the color of sea glass.
• Teal (#007D86): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#283B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#001409): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, light, 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

• Muted Drift color palette (#CCE7DC, #73AD72, #008166, #3F3300, #0A1400)
• Patina Grove color palette (#CAF4EB, #4D928E, #3270A9, #3D3400, #000201)
• Aged Turquoise Corridor color palette (#C9E9EA, #3EABCC, #4670A6, #003A2F, #000D10)
• Pale Cobalt Summit color palette (#EDEDDB, #50AFA7, #008ED0, #694D00, #00160F)
• Hushed Bloom color palette (#DBFBFF, #78D7D5, #37A8D0, #317143, #003A35)
• Shadow Navy Workshop color palette (#DBEEF4, #00686B, #17007E, #002324, #01000F)
• Tempered Field color palette (#F4D9CE, #5953FF, #007463, #051012, #000203)
• Velvet Orchard color palette (#DDEFF3, #785900, #332C32, #001916, #000303)

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