Petrol Summit color palette — #FBEBE3 · #68C3C2 · #00758A · #005331 · #02324A

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

The five colors

• Cream (#FBEBE3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mint Leaf (#68C3C2): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005331): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Teal (#02324A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Hushed Forest color palette (#F7E4DF, #84C0BF, #007794, #005018, #00162F)
• Aged Dune color palette (#F5EDE5, #79BAE1, #2A66B9, #004F52, #272A4D)
• Timeworn Cerulean Bloom color palette (#FFF2EC, #ABD0B3, #0784AB, #00624B, #15433A)
• Wandering Forest color palette (#F5EBF5, #8CD3D1, #0095B7, #1D702C, #002F57)
• Pale Cobalt Summit color palette (#FFF2EA, #7CDDFF, #2885C8, #006760, #2C3D6A)
• Timeworn Turquoise color palette (#E9F1EA, #A1E1E0, #1CB8CE, #009473, #003343)
• Washed Olive Alley color palette (#FCF3EF, #C8ECE3, #66A3B9, #607838, #365149)
• Weathered Turquoise Archive color palette (#F2F4D0, #82D9BE, #47ACCC, #696218, #163B23)

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