Petrol Ridge color palette — #EFF8F3 · #CDDDDE · #A2B9B3 · #2F6C84 · #343D38

A conversation between Peacock and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF8F3): a clean, paper-quiet neutral.
• Silver (#CDDDDE): a clean, paper-quiet neutral.
• Ash (#A2B9B3): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#2F6C84): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#343D38): 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

• Tempered Station color palette (#EFF6FB, #D6D9E2, #BDBCCD, #448BA2, #303D44)
• Aged Petrol color palette (#ECF4F0, #CBD9DA, #C3B0C1, #196F87, #16241D)
• Driftwood Corridor color palette (#FBF2F7, #E3D7D7, #B1ADA3, #95788A, #575054)
• Softworn Denim Chapel color palette (#FFF0FB, #E1CBD8, #BF9AAC, #3F52A3, #3D2D39)
• Denim Veranda color palette (#E2F1EB, #A2C1B8, #9E859C, #004A6C, #0C251D)
• Tempered Jade color palette (#F4F7E8, #5FAE85, #007459, #3B5237, #343630)
• Patina Azure color palette (#DBFFF2, #77D9FF, #0DAAF8, #526EB6, #17324F)
• Hushed Loft color palette (#F5D6F0, #9DA0CE, #7F729A, #704943, #583700)

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