Petrol Summit color palette — #F1E8D9 · #7DBCE1 · #2F6EAA · #004A54 · #071333

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F1E8D9): A whisper-light, dusty gold — the color of old brass.
• Sky (#7DBCE1): A luminous, balanced blue — the color of open sky before noon.
• Slate (#2F6EAA): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#071333): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, 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

• Dusty Petrol Grove color palette (#FBE9F0, #90B7D3, #2A68B4, #004F51, #24275A)
• Aqua Workshop color palette (#EFE8DD, #5CC7C4, #007986, #004D39, #001922)
• Muted Cobalt Quarry color palette (#F7F1E8, #9DCDF8, #5C7CB2, #00586D, #31142A)
• Lilac Summit color palette (#D2F7ED, #B1C3FE, #AD91DB, #026177, #271327)
• Cobalt Dune color palette (#E3F2F1, #A6C9E4, #318DCE, #006881, #062E55)
• Cerulean Grove color palette (#C4E8EC, #008CA9, #006486, #003960, #000F38)
• Worn Drift color palette (#EADDCA, #0C99B8, #005070, #002C2B, #00040E)
• Chalky Azure color palette (#DFEFE9, #2498D7, #8E4600, #004C71, #210B00)

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