Petrol Ridge color palette — #C1EEE0 · #7FB5B4 · #4C788D · #684E67 · #523D50
A conversation between Slate and Ash, giving this palette its sense of calm and sophistication.
The five colors
- Honeydew (#C1EEE0): A whisper-light, dusty teal — the color of sea glass.
- Ash (#7FB5B4): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#4C788D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#684E67): A full-bodied, dusty pink — the color of neon signs at night.
- Charcoal (#523D50): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: 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
- Wandering Teal color palette (#EAF1E4, #5FB6AD, #5C8165, #5A4056, #341D2B)
- Weathered Powder color palette (#CCFBF5, #95C8D2, #6C889E, #75596D, #5A4955)
- Tempered Chestnut color palette (#B4EDEC, #7EA6B6, #5B779D, #744B2D, #364E3B)
- Timeworn Coast color palette (#CCF3CE, #B8CCA7, #78B1BA, #9C727A, #5D352F)
- Patina Meadow color palette (#DFFBFF, #28B6BF, #00727A, #00424C, #002A31)
- Cobalt Cabin color palette (#D7EEE0, #00A9B4, #3E6DB5, #6B3B00, #3A3500)
- Patina Cobalt color palette (#F1F7F0, #A6C9EB, #5872C8, #005E6B, #323858)
- Tempered Archive color palette (#C5F0E2, #4F907B, #005C6D, #582820, #411600)
Browse the whole catalog at Explore, or see today's palette.