Tempered Petrol color palette — #F3D5E6 · #D9AE75 · #9A9A64 · #1A7C93 · #26394F

Teal takes the lead with Sand close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F3D5E6): A whisper-light, dusty pink — the color of peonies in June.
• Sand (#D9AE75): A luminous, balanced gold — the color of honey in a jar.
• Moss (#9A9A64): A luminous, dusty green — the color of fresh herbs.
• Teal (#1A7C93): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#26394F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Aged Harbor color palette (#DEF3DD, #BFBA85, #7CA670, #567AA8, #323A58)
• Tempered Moss color palette (#EDDBCB, #B6A158, #6A9144, #2E628C, #27284C)
• Taupe Pier color palette (#FFE6EE, #CDABC9, #C58F65, #528876, #003E44)
• Cerulean Terrace color palette (#F5D8E6, #B4D2B8, #84B4A4, #668CA6, #364864)
• Muted Honey Alley color palette (#FFE8F1, #F7B67F, #7F8851, #49547C, #351A30)
• Dusty Denim Harbor color palette (#EFE9FF, #C7958C, #917B42, #635183, #423458)
• Cypress Canyon color palette (#DDE1D0, #688F6B, #007E76, #514174, #20041C)
• Gentle Mustard Alley color palette (#CBE6D2, #E9BD30, #5C8AEA, #9F7E00, #102555)

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