Tempered Petrol color palette — #F1E1ED · #6BAEB7 · #007093 · #004C3A · #00142A

Peacock takes the lead with Forest close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F1E1ED): A whisper-light, dusty pink — the color of a candy shop window.
• Cyan (#6BAEB7): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#007093): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C3A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00142A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Weathered Cobalt color palette (#F1E4EC, #90B7CE, #007AC2, #005A54, #0C1A49)
• Dusty Aqua color palette (#F9EBE4, #3ECCDB, #007193, #003F2F, #000308)
• Patina Drift color palette (#E8EAD9, #399FAB, #005361, #00302F, #00171F)
• Worn Orchard color palette (#D6E9E5, #4FC3D1, #0093AB, #006D6B, #00171F)
• Dusty Ultramarine color palette (#F3E6EC, #7597B2, #1D51B0, #003B3F, #080029)
• Aged Cerulean Parlor color palette (#F6EAF3, #9DCDDD, #0094B9, #006F4F, #003051)
• Azure Thicket color palette (#BDE9E6, #6DC1B3, #30A0D4, #5A5F00, #002119)
• Tempered Quarry color palette (#CAF0DD, #00A46E, #006246, #00331E, #000302)

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