Tempered Petrol color palette — #F6EDDE · #77C2E5 · #006CAB · #003D43 · #00020D

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

The five colors

• Cream (#F6EDDE): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#77C2E5): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006CAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D43): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#00020D): 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

• Hushed Denim Boulevard color palette (#F2EBE0, #68AFB6, #005F72, #002C25, #000103)
• Chalky Hollow color palette (#FAF4EB, #A3D1FC, #4A77CC, #004E62, #080034)
• Misty Lilac Ridge color palette (#D9FFF2, #B8CFFF, #A489F5, #006279, #000618)
• Gentle Mulberry color palette (#D7E6F1, #006EA5, #A20052, #3C4900, #000103)
• Washed Garden color palette (#F0E2E9, #4D94B3, #004498, #002C27, #040019)
• Worn Cobalt color palette (#D2EDE2, #0089BC, #985300, #00415C, #030100)
• Powdered Veranda color palette (#CCE5FF, #3B9AF8, #004F8D, #00192E, #000104)
• Airy Pier color palette (#F1E4DC, #7DB9D8, #4680E1, #006E64, #16013E)

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