Petrol Meadow color palette — #EFF6FF · #96B1DD · #6AA88B · #5373A7 · #255657

Slate takes the lead with Jade close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Mauve (#96B1DD): A luminous, dusty violet — the color of wild irises.
• Jade (#6AA88B): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#5373A7): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#255657): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Petrol Meadow 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 Delta color palette (#F4F4FF, #BEA3D2, #62A4B3, #836399, #295365)
• Muted Quarry color palette (#EAF8FF, #6EBDD5, #AF87BD, #287E95, #4D4965)
• Aged Cobalt Station color palette (#ECF2FD, #9FB2E3, #BD9554, #546DB6, #1D3820)
• Cobalt Harbor color palette (#F1F5FF, #ACAAD9, #C08884, #6E69A7, #5F425C)
• Aged Iris Atelier color palette (#FDF1FB, #B2C4EC, #CCAC74, #6587E1, #5F4920)
• Hushed Denim Pier color palette (#F1F5FF, #BEC6F6, #737AAB, #434879, #323659)
• Ancient Stone Archive color palette (#FFF1F7, #D2ACBA, #977585, #705364, #404C3F)
• Wandering Archive color palette (#FBF2F9, #C6D3FF, #FFACBA, #90A3EF, #61453F)

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