Tempered Petrol color palette — #E2F2F0 · #65BFDA · #007295 · #004F56 · #00324A

A conversation between Teal and Cyan, giving this palette its sense of trust and stability.

The five colors

• Cream (#E2F2F0): bright and airy, almost weightless.
• Cyan (#65BFDA): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Teal (#00324A): 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 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 Veranda color palette (#E9F9F8, #A5CBE5, #3380AE, #005D6F, #213D57)
• Worn Periwinkle color palette (#E2F2FF, #9BCCFF, #849EE6, #00657F, #22374C)
• Hazy Dune color palette (#D2EEFF, #00A1DF, #005A81, #002E42, #001C2B)
• Wandering Villa color palette (#EEF8F5, #BCE4EF, #50979B, #2D6F62, #2E4D59)
• Patina Drift color palette (#CCE5F8, #0074A1, #6D43A7, #005B44, #002333)
• Cerulean Corridor color palette (#DFF5F4, #3C89B4, #003F68, #00212B, #00091A)
• Misty Olive color palette (#C5E3F4, #008CAE, #5B7600, #005166, #222E00)
• Tempered Periwinkle Alley color palette (#F6EBF2, #B5D9EC, #4AABFB, #009475, #22265D)

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