Petrol Ridge color palette — #EDF8F5 · #EADCEA · #BEADBB · #366892 · #303E3A
Peacock and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF8F5): a clean, paper-quiet neutral.
- Silver (#EADCEA): A whisper-light, dusty pink — the color of neon signs at night.
- Ash (#BEADBB): A luminous, dusty pink — the color of neon signs at night.
- Peacock (#366892): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#303E3A): quiet, heavy and certain.
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
- Antique Petrol color palette (#EBF4F1, #E3D3D7, #C5B0BD, #346A90, #12251F)
- Antique Cerulean color palette (#F0F6FC, #D8D8E5, #C1BBCE, #4B87B2, #303C47)
- Patina Denim color palette (#FFF0F8, #E4CBD4, #C29AA5, #5B4C96, #3E2D36)
- Driftwood Lagoon color palette (#FCF2F6, #E5D7D4, #B1AFA4, #987784, #575053)
- Muted Navy Quarry color palette (#EBE5EB, #C5B2C1, #9E8695, #1D4479, #261B26)
- Worn Cabin color palette (#FAD6ED, #B2A3DB, #8A646F, #6C4B40, #523900)
- Frosted Periwinkle color palette (#FFF0FE, #8ACEFF, #71A4FF, #7572C0, #43263F)
- Onyx Alley color palette (#EDE3E6, #AB9297, #8A6568, #3C174D, #140409)
Browse the whole catalog at Explore, or see today's palette.