Petrol Ridge color palette — #DEE7E4 · #CCC0C9 · #B89BA8 · #106796 · #0F241E
A conversation between Peacock and Mauve, giving this palette its sense of trust and stability.
The five colors
- Parchment (#DEE7E4): a clean, paper-quiet neutral.
- Stone (#CCC0C9): soft and architectural.
- Mauve (#B89BA8): A luminous, dusty rose — the color of strawberry cream.
- Peacock (#106796): A full-bodied, balanced blue — the color of open sky before noon.
- Onyx (#0F241E): A deep, shadowed, dusty teal — the color of shallow lagoons.
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 Cobalt Archive color palette (#E4F0ED, #D6BDC4, #CB9FA8, #3284CC, #10241F)
- Weathered Denim color palette (#F3E8EE, #D2BEC3, #BA9C9B, #5F52A2, #2C1823)
- Denim Coast color palette (#EEF6FE, #D9D7E6, #B3B8DC, #006697, #020E19)
- Navy Basin color palette (#DCE5ED, #AFBAC9, #808FA8, #004778, #11212F)
- Indigo Summit color palette (#FDF1FA, #F1D6E0, #E0AFB5, #596BD8, #412A3C)
- Fern Market color palette (#EEDCC9, #A2934A, #536B00, #37426D, #201A00)
- Worn Aubergine color palette (#F1E9EC, #B69DA2, #9F7C7A, #4A357A, #13040B)
- Aged Pewter color palette (#D0EBF5, #7D8CC6, #895E93, #3E5415, #003116)
Browse the whole catalog at Explore, or see today's palette.