Tempered Petrol color palette — #EEF7F6 · #D1DEEE · #77A0B3 · #467783 · #385768

Slate takes the lead with Blue Fog close behind in a set that reads as calm and sophistication at first glance.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Silver (#D1DEEE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#77A0B3): A luminous, dusty blue — the color of open sky before noon.
• Slate (#467783): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Peacock (#385768): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: 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

• Washed Denim color palette (#D4E8E4, #67ACAF, #00636E, #003E39, #00242C)
• Muted Lagoon Station color palette (#FAF3F0, #CFE5E1, #80BBD5, #379A7D, #2F524A)
• Patina Petrol color palette (#E1F3F2, #94B6D1, #0A6CAF, #004C62, #0D2E55)
• Hushed Driftwood color palette (#F8F2FF, #E5D5DD, #BBA99C, #8C81A4, #554C5C)
• Softworn Cerulean color palette (#D3E6E3, #398DA1, #004357, #002225, #000B13)
• Cobalt Basin color palette (#E9F9F8, #97D9F7, #0089C2, #006475, #00436D)
• Worn Ash color palette (#F7F3FF, #BE80AD, #B37A62, #6674A3, #463E54)
• Driftwood Quarry color palette (#F4F4FF, #D1B0E1, #A173A8, #82547C, #524664)

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