Petrol Ridge color palette — #EEF7FA · #D9DAE2 · #C1BDCA · #36808C · #3F4A4E

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF7FA): a clean, paper-quiet neutral.
• Silver (#D9DAE2): bright and airy, almost weightless.
• Stone (#C1BDCA): a calm mid-gray that lets other colors speak.
• Slate (#36808C): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3F4A4E): 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

• Hushed Petrol color palette (#EDF4EF, #D0D8D9, #CDB9BF, #2E8194, #232F28)
• Softworn Thicket color palette (#EFF6FF, #DFD6E6, #C1B6D2, #3F66B8, #38404C)
• Patina Balcony color palette (#E9FAEF, #8EBAB1, #45816C, #3C5E74, #274A44)
• Aged Delta color palette (#D6E4EC, #A0AAB8, #7A7E93, #003E4E, #011622)
• Hushed Aubergine Delta color palette (#EEEFF6, #BBB5C7, #988899, #4C327C, #1C1E2E)
• Iris Grove color palette (#ECF7FF, #7BEDD1, #62C8F0, #9B6EB4, #2A3C54)
• Muted Teal color palette (#E8FBE9, #39ABA7, #5267A0, #684600, #204252)
• Faded Cabin color palette (#EBF7FF, #2F95B9, #924F22, #6F3601, #413800)

Browse the whole catalog at Explore, or see today's palette.