Petrol Coast color palette — #E8EAE0 · #94BFA8 · #00759D · #004A53 · #001828

Slate takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Parchment (#E8EAE0): a clean, paper-quiet neutral.
• Mint Leaf (#94BFA8): A luminous, dusty teal — the color of sea glass.
• Slate (#00759D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004A53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#001828): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Tempered Cobalt Basin color palette (#E7EBE1, #85BAE1, #006DBB, #00485F, #001436)
• Softworn Cobalt Hollow color palette (#F1F3EA, #A8D2C1, #0783C4, #00586C, #002720)
• Azure Station color palette (#F1F3EC, #C5E1E2, #62A4CF, #3C7482, #1F3D35)
• Worn Canyon color palette (#E9EADA, #3A99A4, #005361, #002C2B, #000508)
• Weathered Denim Pier color palette (#DAE4D8, #007C73, #005FAD, #465300, #000E0C)
• Powdered Canyon color palette (#DEF2D6, #85E2E2, #00B3CC, #007356, #072207)
• Azure Drift color palette (#FDF3ED, #BFEEFF, #1699E8, #006B62, #0D1B40)
• Aged Emerald Chapel color palette (#E0ECDF, #129D4C, #006D46, #003F2B, #001E16)

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