Petrol Summit color palette — #ECF4F1 · #DFD4D7 · #C3B1BD · #246C93 · #16241F

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF4F1): bright and airy, almost weightless.
• Silver (#DFD4D7): bright and airy, almost weightless.
• Ash (#C3B1BD): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#246C93): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#16241F): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Dusty Thicket color palette (#F0F6FA, #D9D8E0, #B1B1C6, #006D93, #2D3D48)
• Washed Nightshade color palette (#FDECF6, #E1CED5, #C69FA7, #504DA7, #271120)
• Tempered Cerulean color palette (#EFF7F3, #E1D3D0, #A5A89C, #4C93B4, #22322B)
• Navy Courtyard color palette (#D8E7E2, #BBAFB8, #A18393, #004678, #000E0A)
• Washed Study color palette (#F0F5E1, #73AE98, #00746D, #0B4F5F, #152007)
• Lowlit Ultramarine color palette (#EADAE8, #395EBA, #351B2A, #140713, #000302)
• Worn Chestnut Delta color palette (#ECE1EC, #B391A6, #936B74, #664C23, #332805)
• Timeworn Cobalt Garden color palette (#F5E9F6, #3F7FC0, #793B6D, #4F2800, #011A01)

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