Tempered Petrol color palette — #F8EBE3 · #57C7E9 · #0069B6 · #003F32 · #020013

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

The five colors

• Cream (#F8EBE3): bright and airy, almost weightless.
• Sky (#57C7E9): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0069B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F32): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Patina Aqua color palette (#FFE8E2, #49CEC7, #00738B, #074106, #000308)
• Cobalt Coast color palette (#FFF3E8, #94D5FF, #5274D0, #00524E, #11012B)
• Denim Chapel color palette (#EAEEDF, #5194AC, #00506D, #002B31, #00050B)
• Softworn Cerulean Quarry color palette (#D5EEEB, #67BDDC, #008EC0, #006B78, #001625)
• Plum Market color palette (#EBDCE5, #B1008E, #006662, #004E4A, #040002)
• Weathered Periwinkle Studio color palette (#FFF3E8, #D9E4F8, #5997FF, #007369, #24194D)
• Raspberry Chapel color palette (#F4DFDF, #D900A4, #00795F, #6C0050, #000201)
• Washed Terrace color palette (#FFF2EC, #D2DBF0, #50BAF1, #2E8A5D, #1C3361)

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