Petrol Ridge color palette — #EDF8F4 · #ECD8DF · #CDB3C9 · #0071AA · #32443E
Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#EDF8F4): bright and airy, almost weightless.
- Silver (#ECD8DF): A whisper-light, dusty rose — the color of strawberry cream.
- Rosewood Mist (#CDB3C9): A luminous, dusty pink — the color of a candy shop window.
- Slate (#0071AA): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#32443E): A deep, shadowed, dusty teal — the color of sea glass.
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
- Worn Veranda color palette (#EDF4F1, #E6D5D9, #D3B6C4, #0074A0, #0D2B21)
- Washed Petrol color palette (#EEF8F1, #C7E0DE, #ABC2B8, #007885, #334538)
- Ancient Indigo Terrace color palette (#FCF2F7, #EAD4D2, #D1B3BC, #6959B4, #493B42)
- Denim Hollow color palette (#F2ECF3, #D2C8D1, #AD9AA8, #015699, #362838)
- Muted Pewter color palette (#E3EAFF, #ABA9D8, #826C9B, #805057, #703D35)
- Antique Courtyard color palette (#F0F6FB, #D8D9E9, #BAA8AF, #5BADE5, #32424F)
- Timeworn Orchard color palette (#F0F9E6, #5EB6A0, #007A70, #085C62, #084539)
- Hushed Orchard color palette (#FFF0FE, #99D0FF, #73A1FF, #7971E3, #24346B)
Browse the whole catalog at Explore, or see today's palette.