Tempered Petrol color palette — #F7EDDD · #69AEBC · #007192 · #004A45 · #001626

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

The five colors

• Cream (#F7EDDD): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#69AEBC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007192): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004A45): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001626): 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

• Pale Ridge color palette (#ECE5DA, #67AAD8, #0064C3, #004855, #070A3D)
• Petrol Loft color palette (#E2F2F0, #81C3D1, #00738D, #003D40, #000305)
• Weathered Cerulean color palette (#F3E6EF, #74BDCB, #008EC2, #006F5C, #00132F)
• Cerulean Study color palette (#F4DFD5, #00A1B5, #004F75, #003220, #050C3B)
• Aged Azure color palette (#FBF4EA, #B9DFC8, #24A1D7, #007C7A, #1D3D5A)
• Worn Lagoon color palette (#D5F1E6, #009D76, #006651, #002F24, #000201)
• Misty Cabin color palette (#E1E6D6, #27A063, #94007F, #00532E, #21001B)
• Emerald Archive color palette (#EAF4D7, #4E9200, #006820, #003B27, #001C15)

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