Tempered Petrol Harbor color palette — #F5EBF3 · #78BECA · #007298 · #005140 · #0C2F52

Peacock and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F5EBF3): bright and airy, almost weightless.
• Cyan (#78BECA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#0C2F52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Petrol Corridor color palette (#F2E4EF, #8CBBCF, #0073A5, #004E32, #030F3F)
• Washed Coast color palette (#FCF2F8, #89D2E7, #387FAE, #006156, #283A5C)
• Soft Chapel color palette (#F3EEE6, #A5DFE8, #00B5E2, #009285, #00324C)
• Lagoon Market color palette (#EDE0E9, #00A4A0, #005361, #003219, #001623)
• Softworn Veranda color palette (#FAF2F8, #D7D5E9, #71A0BD, #417B6F, #465465)
• Aqua Thicket color palette (#C2FBF5, #3BDBD5, #4AA6CD, #526325, #00393C)
• Ancient Cerulean Hollow color palette (#F5E6EE, #008DB3, #003F6A, #002220, #02002F)
• Jade Balcony color palette (#A4F3D5, #00AF8A, #006847, #003125, #00190F)

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