Petrol Study color palette — #EFF6FC · #D8D8E5 · #AAB3C9 · #006C9A · #343C42

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D8D8E5): a clean, paper-quiet neutral.
• Ash (#AAB3C9): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006C9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#343C42): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Study 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

• Petrol Grove color palette (#EBF3F8, #D6D4E7, #B4B5CA, #1E6E8C, #16222A)
• Worn Cerulean color palette (#EFF8F3, #EAD7DB, #D7BAB7, #4B89A3, #323E38)
• Ancient Terrace color palette (#F3F5FB, #DFD8E1, #B8A9A5, #827AA9, #50525B)
• Timeworn Lapis Alley color palette (#F1F5FE, #CDD0EB, #BD97C4, #4E42BC, #2D3241)
• Ancient Navy Meadow color palette (#E5ECF3, #AFB9CA, #838DAD, #004779, #14202D)
• Byzantium Harbor color palette (#F4F4FF, #E4D4E2, #C8B3D5, #864F9F, #3F3D50)
• Tempered Pewter color palette (#CFE7FF, #919EBF, #856A92, #445941, #124546)
• Wandering Cypress color palette (#E6FAF8, #66AB92, #00726B, #035466, #1D3B3D)

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