Tempered Petrol color palette — #EDF4EE · #C4DDDF · #CBB8C8 · #007985 · #182A1D

Built around Teal, softened by Onyx — the whole palette hums with trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#C4DDDF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Stone (#CBB8C8): A luminous, dusty pink — the color of peonies in June.
• Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#182A1D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Washed Cypress color palette (#ECF7FB, #D6D9E6, #B1BCD6, #007981, #324349)
• Hushed Lantern color palette (#F8EEF8, #EBCFD1, #D4B6BE, #3C6CA8, #2D202D)
• Dusty Corridor color palette (#E3EBE6, #BCD1CB, #B09DAA, #005F73, #0E1913)
• Weathered Station color palette (#EAF8FE, #D5DAE5, #B3ADBA, #1FA2BC, #263840)
• Charred Petrol color palette (#DDEDE7, #0073A6, #1E2550, #00150E, #000501)
• Driftwood Thicket color palette (#F7EFF4, #E1D4D2, #B4ADA3, #9B768C, #3B3338)
• Periwinkle Study color palette (#C7EDF3, #75AEF5, #82699E, #58544D, #322E28)
• Sunlit Jade color palette (#F8F2DF, #83B96B, #007F57, #005661, #222202)

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