Petrol Harbor color palette — #CFE4E4 · #00727F · #004153 · #002233 · #08091E

Built around Teal, softened by Deep Teal — the whole palette hums with trust and stability.

The five colors

• Silver (#CFE4E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#00727F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004153): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002233): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#08091E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Cerulean Summit color palette (#D0F8F7, #0097A6, #007595, #005074, #00132A)
• Muted Cypress color palette (#D4EFD8, #007B58, #004D40, #002723, #001018)
• Worn Cocoa Cabin color palette (#D6EEFE, #00688B, #7C3200, #003144, #1F0700)
• Inked Grove color palette (#CEECFC, #00669A, #002D6C, #03004B, #060024)
• Muted Garden color palette (#DBECF9, #7CA9EC, #7D6AC9, #004956, #001B3A)
• Soft Alley color palette (#D3EAF9, #005378, #780041, #2E3400, #000911)
• Aubergine Canyon color palette (#D9F3F7, #009DC0, #006F9B, #004377, #301968)
• Olive Pier color palette (#DEF2E3, #736902, #473500, #2A1700, #0A0D00)

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