Tempered Petrol Harbor color palette — #E4E7D6 · #73BED3 · #0080A4 · #00585F · #002333

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E4E7D6): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#73BED3): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0080A4): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00585F): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002333): 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 Tempered 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

• Cobalt Atelier color palette (#E1E7D7, #90B5DB, #3E74C3, #005378, #0D1B46)
• Softworn Basin color palette (#EAF9F7, #8CD9EF, #0087AC, #005057, #000F18)
• Patina Workshop color palette (#F8EEE8, #6EA9B9, #005D8A, #003F37, #021B4C)
• Azure Hollow color palette (#F2E4ED, #80CDE1, #009DE0, #007F6E, #041D45)
• Muted Lagoon color palette (#F6F7E4, #78DFD9, #00A0A4, #007462, #003A41)
• Dusty Atelier color palette (#F4F6EE, #C2E3E3, #71ADD3, #378698, #1F5246)
• Timeworn Teal color palette (#C1ECDE, #00B69A, #00725C, #003A2F, #000A07)
• Gentle Cabin color palette (#E0E7D6, #009F6E, #296CE5, #006243, #00144A)

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