Tempered Petrol color palette — #FCEADF · #53C7E7 · #006EA4 · #003F38 · #000111

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

The five colors

• Cream (#FCEADF): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cyan (#53C7E7): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006EA4): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F38): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000111): A deep, shadowed, dusty violet — the color of wild irises.

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

• Teal Lantern color palette (#F7E5DB, #37B7B4, #005F70, #002D18, #000103)
• Feathered Cobalt Canyon color palette (#FEF3EA, #9AD4F9, #3A78D4, #005155, #090529)
• Muted Denim Canyon color palette (#E7DAE2, #5394A9, #004B82, #002D22, #03001C)
• Cobalt Boulevard color palette (#F9EDE5, #5FBFD9, #1D88D6, #006F57, #0C0145)
• Washed Emerald color palette (#E3E8CE, #419A00, #006943, #00322B, #000505)
• Frosted Orchard color palette (#E1ECD7, #009472, #A8159E, #004736, #030003)
• Periwinkle Delta color palette (#FFF2EA, #C3E8F8, #64ACEC, #00807A, #212C4E)
• Faded Alley color palette (#DAFFED, #33EEF2, #53ADED, #3E6415, #000605)

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