Tempered Petrol Harbor color palette — #E8F6EF · #82BCDA · #D4846F · #0C7CA5 · #362F2C

Built around Cerulean, softened by Coral Clay — the whole palette hums with trust and stability.

The five colors

• Cream (#E8F6EF): a clean, paper-quiet neutral.
• Sky (#82BCDA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Coral Clay (#D4846F): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#0C7CA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#362F2C): a grounded near-black with real depth.

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

• Worn Corridor color palette (#EAF9F1, #61BDDF, #C58967, #267D9A, #524C47)
• Muted Coral color palette (#EEF4E9, #73C6AF, #D48474, #2A826D, #362F2C)
• Amber Study color palette (#F9EEF5, #A4B0E5, #BB9734, #616CAD, #34302A)
• Washed Powder Summit color palette (#ECF7FF, #7CD0F9, #E49D88, #4E96B7, #5D4455)
• Turquoise Boulevard color palette (#E1F9EB, #3BABCA, #B88049, #996E46, #182C21)
• Muted Drift color palette (#F6F0F5, #D6C09B, #4D608B, #3E293B, #181217)
• Timeworn Stone color palette (#E4F7EB, #F2D6D0, #EFB4A9, #6BA08C, #30423D)
• Tempered Chestnut Drift color palette (#FAF0E3, #C6BB96, #997E52, #80481C, #2D2D20)

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