Petrol Ridge color palette — #E8F6EB · #7CC0C9 · #C88B71 · #00818D · #362F2B
Built around Teal, softened by Camel — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F6EB): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#7CC0C9): A luminous, dusty blue — the color of deep harbor water.
- Camel (#C88B71): A luminous, balanced orange — the color of sun-warmed clay.
- Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#362F2B): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Frosted Cobalt Canyon color palette (#E8F5F1, #90B8DE, #CA8C60, #1075BF, #49270C)
- Antique Taupe color palette (#EEF8F0, #73BEC6, #9F9E4B, #00828C, #4F4D46)
- Worn Pine Market color palette (#F0F3EA, #ACBA91, #C6869E, #008755, #492232)
- Cerulean Boulevard color palette (#ECF7FC, #8CD1DD, #E69C84, #2E9CAC, #5D4455)
- Tempered Bronze color palette (#DFF9EF, #6FA3C4, #B5798C, #AA6617, #0D2E24)
- Muted Chestnut Basin color palette (#F9F0E6, #C5BAA5, #9C7C58, #7A4A36, #302C1B)
- Worn Petrol Delta color palette (#F7EFF7, #DCBD9C, #496387, #3F273F, #191119)
- Airy Rust color palette (#DFF9EF, #29B3F9, #BA4F00, #00628D, #391300)
Browse the whole catalog at Explore, or see today's palette.