Petrol Summit color palette — #F4EDE3 · #9ABC9A · #007584 · #00523E · #003343
Teal takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F4EDE3): bright and airy, almost weightless.
- Sage (#9ABC9A): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007584): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003343): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Petrol Bloom color palette (#F3EEE4, #83BBD0, #0070A2, #004F51, #0B2E54)
- Worn Forest color palette (#F8E4DE, #68C5C5, #007695, #004F1A, #001630)
- Muted Forest color palette (#F4EBF4, #85D4D3, #0095B8, #266F33, #0F2F4F)
- Turquoise Parlor color palette (#E5F2EF, #ABDDEB, #00BAC7, #009283, #00343D)
- Wandering Terrace color palette (#F8F5EF, #C7EAE1, #5CA5B8, #407B6D, #375146)
- Cerulean Workshop color palette (#F4ECE0, #218FA2, #004358, #002320, #000A16)
- Linen Byzantium color palette (#F4D7DB, #9E38A3, #775900, #005860, #2F1230)
- Navy Cabin color palette (#F1E8DB, #5097C5, #00488D, #002F37, #060C3B)
Browse the whole catalog at Explore, or see today's palette.