Petrol Ridge color palette — #E8F6EC · #BEDCCE · #BBA1BE · #006775 · #0C1E13
Built around Peacock, softened by Mauve — the whole palette hums with trust and stability.
The five colors
- Cream (#E8F6EC): bright and airy, almost weightless.
- Silver (#BEDCCE): A whisper-light, dusty teal — the color of glacier melt.
- Mauve (#BBA1BE): A luminous, dusty pink — the color of neon signs at night.
- Peacock (#006775): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#0C1E13): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Hushed Cypress Lantern color palette (#EFF4EC, #C6DAC7, #8DB79F, #006A5C, #121E0C)
- Denim Lagoon color palette (#EDE6EE, #D4C7D0, #B999A8, #2B568B, #1A131B)
- Hushed Cypress Boulevard color palette (#E7F9FF, #B9D7F0, #96A6CB, #00676C, #21373E)
- Aged Pewter color palette (#F6EFF3, #E1D4D3, #CEB8B0, #726E9D, #31292E)
- Weathered Grove color palette (#D6E4DE, #968897, #7D6176, #002E42, #000201)
- Lagoon Pier color palette (#ECF9EE, #F7CFE9, #CAE2E4, #008F98, #162A1A)
- Ancient Corridor color palette (#EEE4EB, #C3ACB6, #AA808A, #343194, #11070E)
- Washed Aubergine Villa color palette (#CBE9D9, #007D9F, #6C00A2, #580500, #0E1000)
Browse the whole catalog at Explore, or see today's palette.