Petrol Summit color palette — #F0F7F1 · #D0DEDF · #D0BDC2 · #3B8087 · #414A43

A conversation between Teal and Stone, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#D0DEDF): bright and airy, almost weightless.
• Stone (#D0BDC2): A luminous, dusty rose — the color of pressed rose petals.
• Teal (#3B8087): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#414A43): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ancient Lagoon Ridge color palette (#EDF4EE, #CFDADB, #C9BABC, #318289, #242F26)
• Olive Garden color palette (#F4F6EE, #D1E0DA, #B1C6C3, #6C7D39, #464940)
• Petrol Drift color palette (#FBF2F7, #E7D5D2, #C1AEAE, #5C5E8E, #40383D)
• Ancient Basalt color palette (#FAF5E5, #9BBB8A, #4D8066, #47614E, #464500)
• Patina Quarry color palette (#D2EBE1, #007AAA, #41293C, #11231D, #050F0D)
• Dusty Abyss color palette (#E3F2E8, #91B2A7, #91758A, #003F4A, #08180E)
• Chestnut Canyon color palette (#DCFBE1, #91B3D7, #937681, #7D5A11, #664700)
• Aged Navy color palette (#F7ECF1, #CDB0B6, #A88482, #453973, #291A22)

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