Petrol Ridge color palette — #E9F5EE · #F1D7DE · #D7B4C2 · #027694 · #192921

A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#E9F5EE): bright and airy, almost weightless.
• Shell Pink (#F1D7DE): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#D7B4C2): A luminous, dusty rose — the color of pressed rose petals.
• Teal (#027694): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#192921): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns 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

• Antique Petrol Delta color palette (#EDF8F4, #CCDDDF, #CCB3CB, #0072A3, #31453D)
• Softworn Denim color palette (#E2EBE8, #DAC4D4, #BB99A3, #005C81, #071A13)
• Azure Lagoon color palette (#ECF7FF, #D8D9E4, #B7ADB7, #3B9DCB, #273743)
• Hushed Nightshade Veranda color palette (#FDEDF5, #ECCACE, #CE9E94, #5C46A8, #25141D)
• Worn Grove color palette (#F8EFF2, #E0D5D0, #B3B1A2, #997885, #3C3337)
• Tempered Pier color palette (#F6F2DF, #73BB87, #007C73, #234F75, #1E2400)
• Hushed Navy color palette (#F4ECF3, #C2ACB6, #A28587, #134182, #100710)
• Midnight Dune color palette (#EFE3EE, #0062DE, #321F44, #1A081A, #000502)

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