Tempered Petrol Workshop color palette — #F5F1EA · #C7E4E7 · #859EC2 · #3B7484 · #422F3D

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Silver (#C7E4E7): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#859EC2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#3B7484): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#422F3D): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Worn Ash color palette (#F6F1EA, #C6E3E0, #70A4BE, #577454, #1F3D35)
• Cypress Grove color palette (#FAF3F5, #DADDEE, #869ABD, #237D7D, #4D506D)
• Worn Lilac Basin color palette (#FFECF1, #B18BC4, #A8875B, #408584, #361F26)
• Denim Harbor color palette (#F6EEE1, #70A3C5, #0058A4, #003841, #020033)
• Petrol Villa color palette (#F0E8DB, #97BEA6, #00759D, #004B49, #00172B)
• Antique Parlor color palette (#FFE3F7, #BCB7F1, #8F78B5, #6F5281, #4A2A30)
• Ancient Pewter color palette (#FEEDF2, #C1A6DC, #8DA671, #8161A0, #32312A)
• Cerulean Cabin color palette (#F7F1E7, #92DEE7, #0091B0, #006357, #00293C)

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