Petrol Summit color palette — #F5EBF2 · #7CC6C6 · #00738A · #004027 · #000307

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5EBF2): a clean, paper-quiet neutral.
• Mint Leaf (#7CC6C6): A luminous, dusty teal — the color of glacier melt.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004027): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, 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

• Cobalt Pier color palette (#FDF1F9, #96D8E7, #0084B7, #005345, #000C23)
• Hushed Lagoon color palette (#F1E5EB, #5DADD1, #00569A, #002B2B, #00000B)
• Antique Lagoon color palette (#D4E6D9, #009B84, #005F5D, #002D35, #000204)
• Softworn Delta color palette (#DCF7FF, #A1D8FF, #848CFC, #00684F, #00060A)
• Ancient Cerulean Drift color palette (#EBECDD, #64C1C4, #0094A1, #006E64, #00171D)
• Tempered Grove color palette (#CCF3FF, #009093, #C20810, #004547, #040000)
• Pale Ridge color palette (#FBE8EE, #8CBDE4, #1C4FF1, #003D43, #030011)
• Turquoise Boulevard color palette (#A1EFFF, #00A4C6, #00616E, #00171C, #000102)

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