Tempered Petrol color palette — #F7EDDF · #78BFC7 · #00748D · #005146 · #003249

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

The five colors

• Cream (#F7EDDF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mint Leaf (#78BFC7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00748D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Teal (#003249): 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

• Cobalt Villa color palette (#FBF4EA, #95D0DF, #0083AF, #00605D, #184339)
• Sapphire Station color palette (#F7EDDE, #88B6E2, #3864B9, #004D60, #252855)
• Antique Field color palette (#EBE4DA, #4BABD1, #005D8E, #003D41, #041E42)
• Timeworn Turquoise Veranda color palette (#E3F2EF, #ACDCED, #3CB6CD, #00918D, #003441)
• Muted Workshop color palette (#F9F4ED, #C7E9E4, #6CA2B9, #5D7757, #345148)
• Weathered Parlor color palette (#E7F0D2, #80D8C5, #00A8C4, #4F6834, #363933)
• Timeworn Cerulean color palette (#EBE0CE, #408BA3, #004160, #002223, #00091A)
• Cerulean Atelier color palette (#FAF4EC, #B9E3FF, #618DC0, #276C7A, #563F51)

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