Petrol Ridge color palette — #D2F8EE · #83A9B2 · #507597 · #534E20 · #002E21

Slate takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D2F8EE): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#83A9B2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#507597): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#534E20): A full-bodied, dusty green — the color of new leaves after rain.
• Deep Forest (#002E21): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Washed Cocoa color palette (#BFEBD6, #77ACAE, #46839C, #654114, #42222D)
• Tempered Chapel color palette (#ACF4FF, #8CADD0, #9071A9, #005A49, #003238)
• Pewter Corridor color palette (#C8F2F5, #A0C4C9, #708BA5, #676334, #003B3E)
• Washed Abyss Workshop color palette (#DAECFB, #7497B3, #725C80, #004734, #002030)
• Aged Pine color palette (#FFECF2, #83AA98, #477143, #005156, #002316)
• Dusty Field color palette (#F6EFF7, #AECED6, #3387A0, #016115, #00213F)
• Dusty Denim Station color palette (#DDEECE, #4F888A, #39558F, #2F3600, #0D1800)
• Bronze Station color palette (#CEE0FA, #567BBB, #8D6700, #565C0C, #021231)

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