Petrol Coast color palette — #CAE6ED · #007792 · #00506C · #002B40 · #000A16

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

The five colors

• Frost (#CAE6ED): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#007792): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00506C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002B40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

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

• Obsidian Lagoon color palette (#CDEDEB, #006D7B, #00384C, #00132B, #090018)
• Ancient Canyon color palette (#D1EADF, #007961, #004E45, #002B28, #000909)
• Feathered Mulberry Veranda color palette (#E2F0FB, #0070A6, #97007E, #003C5C, #11000C)
• Hazy Cobalt color palette (#D1E3F5, #0082DB, #004779, #001C35, #000205)
• Pale Indigo color palette (#D3E0EE, #82A1EC, #726BDB, #00547D, #000B28)
• Ultramarine Lagoon color palette (#DCE7FA, #0C4AC6, #800080, #004748, #00010C)
• Cobalt Market color palette (#CFEAFD, #19A2FB, #0078DA, #0048A6, #15295B)
• Nightshade Quarry color palette (#D9E4F0, #006CD0, #002FC2, #0C006F, #06002F)

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