Petrol Summit color palette — #DEE2D2 · #6EA9AC · #4E7AA1 · #6E4627 · #312211

A conversation between Slate and Bronze, giving this palette its sense of trust and stability.

The five colors

• Bone (#DEE2D2): A whisper-light, dusty green — the color of new leaves after rain.
• Blue Fog (#6EA9AC): A luminous, dusty teal — the color of sea glass.
• Slate (#4E7AA1): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Bronze (#6E4627): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Onyx (#312211): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

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

• Softworn Pier color palette (#F0ECDA, #7EAB85, #36868B, #673C44, #38201A)
• Worn Cabin color palette (#D9F0DE, #84ABD4, #7F719E, #584500, #30260A)
• Gentle Rust Meadow color palette (#D7F5E6, #0088B1, #B74400, #785300, #00190F)
• Hushed Chestnut Bloom color palette (#E0ECD7, #A5C0B1, #A0809C, #815516, #3B3831)
• Ancient Pewter Pier color palette (#CDE9E0, #898CC1, #834C73, #304A25, #1C2605)
• Tempered Rust color palette (#DCEEE6, #28ADE5, #AE4C00, #005D7F, #321100)
• Ancient Coast color palette (#E9F2DD, #008692, #234D8B, #482400, #1D1100)
• Tempered Aqua color palette (#BAF3DA, #73C2CF, #7C8FA8, #7A576C, #5D3E50)

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