Tempered Petrol Workshop color palette — #EAF8FD · #77BDC5 · #C9837D · #00828C · #6A403C

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

The five colors

• Ivory (#EAF8FD): a clean, paper-quiet neutral.
• Cyan (#77BDC5): A luminous, dusty blue — the color of a favorite pair of jeans.
• Dusty Rose (#C9837D): A luminous, balanced orange — the color of sun-warmed clay.
• Teal (#00828C): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#6A403C): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Weathered Cypress Bloom color palette (#EBF8F9, #82BEAB, #C183A1, #00866B, #554662)
• Washed Coral Lagoon color palette (#E4F5FC, #6EC2CF, #D68080, #00808E, #3D293C)
• Faded Station color palette (#EDF9F0, #80D3E1, #F29294, #009EB0, #664338)
• Cobalt Hollow color palette (#EEF6FF, #92B3D8, #B99159, #2974C0, #3B553B)
• Muted Study color palette (#FFF1F6, #AABEAB, #9A7383, #7B5241, #384E3F)
• Linen Rust Parlor color palette (#EBF7FF, #00A2CF, #C45D00, #006683, #5E2900)
• Bronze Basin color palette (#E9F8FF, #5AA5B3, #AC73A5, #8D731C, #284754)
• Lagoon Parlor color palette (#E9F8FF, #D7DAE5, #D1B5D4, #4A9D98, #3C5260)

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