Tempered Petrol Ridge color palette — #F8EEFB · #C17F8E · #608F71 · #006980 · #2A1D2D

Peacock takes the lead with Dusty Rose close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F8EEFB): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#C17F8E): A luminous, balanced red — the color of late-summer berries.
• Fern (#608F71): A luminous, dusty teal — the color of sea glass.
• Peacock (#006980): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#2A1D2D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Petrol Ridge 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

• Patina Denim Garden color palette (#FAEEF4, #C28F76, #5B7C54, #005374, #371B37)
• Forest Summit color palette (#F1F0FB, #AB84B9, #868652, #00704D, #222031)
• Jade Chapel color palette (#FFF2EF, #DC93A3, #6CAC80, #3E859A, #4B3834)
• Muted Iris Cabin color palette (#FDF1F7, #8E85CD, #2C8DA0, #4F5D89, #463940)
• Gentle Meadow color palette (#E9F6E8, #AB7B3E, #0081A5, #48439B, #0B1F09)
• Scarlet Alley color palette (#FFEBFB, #D3403A, #007D66, #00506E, #2E0001)
• Navy Villa color palette (#F9E1EE, #AF5B27, #007376, #163898, #210416)
• Hushed Cerulean Harbor color palette (#FDF1F7, #F0B492, #BDAF72, #1791A4, #3F2B35)

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