Tempered Petrol color palette — #FFF0FE · #DFD3FF · #E49AB4 · #007F96 · #4F3047

Cerulean and Ballet Pink set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
• Thistle (#DFD3FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ballet Pink (#E49AB4): A luminous, balanced rose — the color of strawberry cream.
• Cerulean (#007F96): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#4F3047): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged pastel, 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 Mallow color palette (#FFF0FC, #E9D3ED, #E2ACE4, #5892C1, #4A3241)
• Mallow Canyon color palette (#EAF2FF, #E7D0E9, #D099D3, #3A79A4, #1E2539)
• Cypress Station color palette (#E0FDEE, #D8E1FF, #C396C4, #008276, #1E4B40)
• Tempered Canyon color palette (#FFF1F5, #F4D4C1, #DFA780, #3265AF, #593035)
• Linen Tangerine color palette (#F6F3FF, #F6ACD8, #FD7D31, #005AB2, #452650)
• Muted Cerulean color palette (#FFF1F5, #E4D9D2, #CEC79F, #7584B6, #5B4646)
• Timeworn Coral Lagoon color palette (#F5D2EC, #BE9DC9, #C66F79, #005667, #251C46)
• Shell Quarry color palette (#EFF6FF, #E7D5E6, #F3B8AE, #78B7C0, #3A3F53)

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