Tempered Petrol color palette — #F0E8DC · #9DBDA2 · #00778F · #004C41 · #001925

Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F0E8DC): a clean, paper-quiet neutral.
• Sage (#9DBDA2): A luminous, dusty green — the color of new leaves after rain.
• Teal (#00778F): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C41): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Worn Archive color palette (#F6F1EA, #ABD2B9, #3886A7, #005C57, #00233B)
• Petrol Chapel color palette (#F5EBF4, #8FB9C8, #00719A, #00532F, #152C56)
• Softworn Coast color palette (#F3ECE1, #62A7C1, #005E8C, #00393C, #000A1E)
• Antique Lagoon color palette (#C7ECDE, #009087, #00696F, #003F48, #00161E)
• Weathered Abyss color palette (#E7E0D4, #488294, #00415D, #001F1F, #000104)
• Muted Periwinkle color palette (#D2F4DD, #8CCEFE, #809AE3, #006564, #001C12)
• Worn Pewter color palette (#F6F1EA, #C7E3DE, #7FA792, #5B7353, #1D3D33)
• Dusty Petrol color palette (#F5F1EA, #C8E4D9, #6D91B8, #0E6A78, #3B2238)

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