Petrol Ridge color palette — #FFF4E2 · #7DC6C7 · #007C8D · #005845 · #00394B

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mint Leaf (#7DC6C7): A luminous, dusty teal — the color of sea glass.
• Teal (#007C8D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#005845): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#00394B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Cobalt Study color palette (#FBF4E9, #73C3E8, #0073B4, #00555B, #002E71)
• Dusty Forest Workshop color palette (#FFEDE8, #51D1D2, #007E9E, #00561F, #001A38)
• Timeworn Periwinkle Grove color palette (#E0FBFF, #87D4FF, #75A1F2, #00746C, #004452)
• Cobalt Dune color palette (#FAF4EC, #ADDAC6, #0685D1, #00656E, #1B3D77)
• Antique Cypress color palette (#F8F5EF, #CBE4E0, #63A3BB, #317D73, #335247)
• Denim Corridor color palette (#F5EDDF, #86A98C, #006275, #003F35, #002333)
• Glacier Villa color palette (#E9FBEC, #45F5F8, #00BFD9, #009B7C, #00394B)
• Patina Turquoise Lantern color palette (#C7F3FF, #00AAC8, #00697B, #00363F, #001C23)

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