Tempered Petrol color palette — #D7E8E5 · #7ABFC4 · #008393 · #005A54 · #00242D

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

The five colors

• Parchment (#D7E8E5): a clean, paper-quiet neutral.
• Mint Leaf (#7ABFC4): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#008393): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#00242D): 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

• Washed Archive color palette (#D9F0EE, #6DACC3, #006F97, #004952, #001625)
• Cerulean Boulevard color palette (#F5F6EC, #93DADF, #008A9A, #00524D, #000F14)
• Washed Grove color palette (#E3F2F0, #91D0E2, #1093BC, #006B73, #003249)
• Misty Cobalt Chapel color palette (#CFE3E2, #93B5D8, #3873C7, #005477, #0A1A4A)
• Pine Summit color palette (#BFEAE9, #97D3BC, #54B6AC, #407942, #00292B)
• Softworn Jade Villa color palette (#D9F3E2, #30B473, #007949, #003D22, #000C04)
• Feathered Pine color palette (#D6F4DE, #008C48, #00758D, #6F5400, #001707)
• Chalky Moss color palette (#E8F3D6, #629E07, #2C7700, #044D0D, #00230B)

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