Tempered Petrol Workshop color palette — #EDE8E0 · #9ABDA4 · #007696 · #004C45 · #001828

A conversation between Teal and Forest, giving this palette its sense of nature and growth.

The five colors

• Parchment (#EDE8E0): bright and airy, almost weightless.
• Sage (#9ABDA4): A luminous, dusty teal — the color of sea glass.
• Teal (#007696): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001828): 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 Workshop 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

• Cerulean Station color palette (#F6F1EA, #ACD2BD, #3C84AC, #005B5C, #002141)
• Ancient Coast color palette (#EEE8DF, #90B9D8, #2F6ABA, #004958, #0B0F3A)
• Petrol Courtyard color palette (#F4ECF1, #75BFCB, #0070A1, #005235, #1A2B56)
• Timeworn Study color palette (#F5F1EB, #C6E4E1, #73A4BD, #007B77, #123F35)
• Aged Lantern color palette (#EFE9DE, #40829C, #003F63, #001F21, #000106)
• Gentle Mulberry color palette (#F3E8CC, #796C00, #006981, #850068, #0E0B00)
• Misty Sapphire color palette (#ECE4D5, #977D00, #465AD8, #554500, #070242)
• Worn Bloom color palette (#EADFCB, #8B8958, #675300, #452B00, #0B1100)

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