Petrol Summit color palette — #FCEAE1 · #A0C1A0 · #007389 · #004026 · #000306

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

The five colors

• Cream (#FCEAE1): A whisper-light, dusty orange — the color of autumn markets.
• Sage (#A0C1A0): A luminous, dusty green — the color of fresh herbs.
• Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004026): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

• Petrol Thicket color palette (#F8EBE3, #85C1D6, #006CAA, #003E3A, #000016)
• Cobalt Delta color palette (#FDF3EE, #B1D6BC, #0085B4, #005343, #000C21)
• Lagoon Market color palette (#CEE5D5, #009C7F, #005955, #002C33, #00060A)
• Patina Drift color palette (#D6E8E4, #69C1C0, #00959E, #006E61, #00181C)
• Dusty Plum color palette (#DDF8E1, #008F97, #BE004B, #004549, #040001)
• Washed Parlor color palette (#D5FCDC, #A7DBFF, #8391FB, #007053, #00070A)
• Misty Harbor color palette (#C3E5EE, #007487, #A2004E, #732500, #000102)
• Ancient Parlor color palette (#B0F4FF, #00A4BA, #005761, #00181C, #000102)

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