Petrol Ridge color palette — #EFF8F2 · #C9DFDF · #A4C5B9 · #00778D · #36433B
Teal takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EFF8F2): bright and airy, almost weightless.
- Silver (#C9DFDF): A whisper-light, dusty teal — the color of glacier melt.
- Stone (#A4C5B9): A luminous, dusty teal — the color of sea glass.
- Teal (#00778D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#36433B): 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
- Tempered Cypress Corridor color palette (#F2F7EE, #CCDFD6, #ACC4A9, #007D5F, #304904)
- Weathered Cobalt color palette (#F9F3F8, #E3D7D9, #D4B9BB, #5574A8, #4E444D)
- Washed Denim color palette (#E8F1EC, #C1D0CA, #80ABA0, #005D7A, #20322A)
- Faded Pine Garden color palette (#F5F8E1, #76B485, #007D53, #005F51, #1C4428)
- Navy Ridge color palette (#D6E2DF, #C0B5BF, #A08499, #00467B, #11231F)
- Eclipse Petrol color palette (#DFF1EB, #006FA8, #032A57, #001E16, #010A0A)
- Sapphire Orchard color palette (#D9FFF1, #53DCFD, #11B7F5, #0375EA, #003756)
- Weathered Canyon color palette (#FBF2F7, #E7C9D7, #AF9DC7, #5142BA, #412A39)
Browse the whole catalog at Explore, or see today's palette.