Tempered Petrol Harbor color palette — #ECF4EF · #E6B3C1 · #1D6B83 · #133928 · #0D1612

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Ballet Pink (#E6B3C1): A luminous, dusty red — the color of late-summer berries.
• Peacock (#1D6B83): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#133928): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#0D1612): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Ancient Petrol color palette (#F5F0F5, #EBB4A8, #466388, #3C293D, #191119)
• Stone Thicket color palette (#EFF8F0, #D8BD83, #2E686D, #2D3D30, #1A2724)
• Shell Lantern color palette (#EEF6FE, #FFBDC2, #5683A1, #3E4F5D, #242C33)
• Aged Coral Balcony color palette (#E4F7F0, #EC877A, #00527A, #002338, #000B07)
• Softworn Iris color palette (#EEF3EE, #8AD2D2, #9370BA, #008283, #1D1216)
• Worn Lagoon Alley color palette (#EDF4F0, #DAD1CF, #A6A091, #5F8E7A, #303834)
• Ancient Cobalt Coast color palette (#F7F2E2, #70B9C2, #7072A8, #55551D, #1D3129)
• Dusty Driftwood Alley color palette (#EFF4E6, #65A57F, #B9676D, #536637, #202516)

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