Tempered Petrol color palette — #DCF6EA · #007BA4 · #865400 · #603B00 · #0C2D21

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

The five colors

• Honeydew (#DCF6EA): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#007BA4): A full-bodied, balanced blue — the color of open sky before noon.
• Coffee (#865400): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#603B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#0C2D21): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Cobalt Thicket color palette (#DEF9F1, #007BCB, #843C00, #114701, #16330F)
• Cobalt Study color palette (#E6FBF4, #1688CC, #7D730E, #5B5514, #233832)
• Sapphire Garden color palette (#F9E8FA, #006FD2, #7D5A00, #594000, #321E33)
• Feathered Terracotta Boulevard color palette (#E8F3DE, #008467, #9E3E24, #6C3121, #1F2B11)
• Denim Terrace color palette (#CFEFE0, #005979, #514100, #322700, #000F19)
• Terracotta Lantern color palette (#E3E8FF, #7B64B4, #9F414A, #6D2E00, #0C0E21)
• Iris Lantern color palette (#FFF0F9, #8385DC, #708858, #666214, #483742)
• Cobalt Terrace color palette (#F2F2CB, #008ED5, #773F88, #2D490E, #41253C)

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