Tempered Petrol color palette — #FFE2E8 · #DDADA3 · #AD8E70 · #317184 · #2D4E45

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

The five colors

• Rose Water (#FFE2E8): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#DDADA3): A luminous, dusty orange — the color of toasted spice.
• Caramel (#AD8E70): A luminous, dusty gold — the color of afternoon light on wheat.
• Teal (#317184): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#2D4E45): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, 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

• Stone Lagoon color palette (#FFE2F0, #CFA4C5, #B3807B, #557354, #37503D)
• Weathered Driftwood Lantern color palette (#FAD7D2, #D0B09B, #9B8A56, #516891, #5A323F)
• Patina Denim color palette (#E3E6F3, #CEBCE3, #C59C80, #66829F, #294A6A)
• Dusty Summit color palette (#FFF1F1, #E8BDA7, #AC9775, #7D6B7E, #5F4A61)
• Olive Basin color palette (#FEE9EA, #DC996D, #8B8400, #4A57A5, #36375D)
• Ancient Alley color palette (#FCD8DC, #B58187, #A36300, #034F72, #14244B)
• Tempered Corridor color palette (#FBF4E8, #ACBC88, #489355, #6C5A80, #37362F)
• Sunlit Moss Terrace color palette (#FFE3D3, #E3BC7A, #78AA5D, #735D9A, #5A385A)

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