Petrol Summit color palette — #F9F4EE · #CDE3E7 · #8499C2 · #33788F · #64495B

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Silver (#CDE3E7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#8499C2): A luminous, dusty violet — the color of a velvet chair.
• Slate (#33788F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#64495B): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Antique Orchard color palette (#F8F5EF, #CAE5E2, #6CA1BC, #007F7B, #315249)
• Powder Ridge color palette (#FAF3F5, #DBDDEC, #A0ADEC, #439599, #4F5164)
• Dusty Bronze Alley color palette (#FDF3E8, #C9AA84, #749AD1, #9C6502, #5E425E)
• Dusty Pewter Delta color palette (#FFF3E3, #B4925A, #3B999D, #8D6597, #46423B)
• Aged Abyss color palette (#ECE5DA, #589CA3, #005265, #003129, #001623)
• Petrol Archive color palette (#FBF4EA, #73C5DA, #0078A1, #005653, #00355A)
• Denim Courtyard color palette (#F3EEE5, #78A4C7, #24559D, #003C49, #121353)
• Aged Bronze Quarry color palette (#FBF4EC, #C4B6A0, #A4763C, #7A533B, #5A4400)

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