Tempered Petrol color palette — #ECEEDA · #64C2CB · #008396 · #005956 · #00242E

Cerulean takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#ECEEDA): A whisper-light, dusty green — the color of a quiet forest floor.
• Cyan (#64C2CB): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#008396): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005956): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#00242E): 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 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

• Turquoise Delta color palette (#E5E9D9, #43AFD7, #006F9A, #004854, #001526)
• Cerulean Field color palette (#EEF0E5, #83D1EB, #0093C0, #006A75, #053248)
• Worn Cobalt color palette (#FDF3EF, #99D8DF, #0085B4, #005530, #000929)
• Washed Thicket color palette (#F3F6EE, #C6E8ED, #96B3DB, #629280, #5D4C5B)
• Misty Villa color palette (#FFDCE2, #C73ED6, #0080A5, #830A8F, #001E2A)
• Hushed Raspberry color palette (#F4D4E7, #C9009A, #A74900, #464CA3, #260408)
• Hushed Mulberry Market color palette (#F3D8D9, #FAADCD, #DD8492, #8B4E88, #401B1A)
• Powdered Study color palette (#F9E5D8, #CF6F1B, #9B4203, #6A220C, #231100)

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