Tempered Petrol color palette — #EDE6DA · #5EAFB5 · #008299 · #005F4F · #000B13

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

The five colors

• Parchment (#EDE6DA): bright and airy, almost weightless.
• Cyan (#5EAFB5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#008299): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005F4F): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#000B13): 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

• Gentle Terrace color palette (#EAE3DA, #6DA9C9, #0078C7, #005C66, #000329)
• Tempered Alley color palette (#F0E5E1, #54A0A5, #006180, #003E1D, #00081E)
• Hushed Study color palette (#DEF0EC, #488487, #00444C, #001F1D, #000202)
• Olive Coast color palette (#D5E8D9, #5DB6C3, #00A6B6, #517705, #0A1100)
• Softworn Emerald Bloom color palette (#D9E8E0, #00A565, #00784E, #00462D, #000201)
• Cornflower Ridge color palette (#F6EEE1, #9DC5E7, #4A8EFF, #007993, #151849)
• Azure Market color palette (#F4EDE3, #A5DDF2, #37AFF2, #009094, #122F4E)
• Byzantium Canyon color palette (#DEE1D1, #2CAC3E, #B504C1, #005211, #0F0011)

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