Petrol Cabin color palette — #F9EBE4 · #7FC5C4 · #007388 · #004025 · #000306

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

The five colors

• Cream (#F9EBE4): bright and airy, almost weightless.
• Mint Leaf (#7FC5C4): A luminous, dusty teal — the color of sea glass.
• Teal (#007388): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004025): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000306): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Cabin 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 Parlor color palette (#F9EBDF, #7EC0E8, #3266B2, #003D40, #020013)
• Cobalt Dune color palette (#FFF2EC, #93D9E7, #0085B5, #005344, #000C22)
• Weathered Plum color palette (#D2ECD6, #008F98, #BF0047, #004549, #040001)
• Dusty Lagoon Terrace color palette (#CFE3DE, #73BFBD, #00959D, #006E60, #00181C)
• Lilac Lagoon color palette (#B8F9FC, #8FD6FF, #9B98E4, #006542, #000406)
• Worn Lagoon Cabin color palette (#E9DFE6, #43A09F, #005363, #00321C, #001624)
• Cerulean Hollow color palette (#BFF1FF, #00A2C2, #00616C, #00171C, #000102)
• Worn Mulberry color palette (#C0EDEF, #00767A, #A50038, #742400, #000202)

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