Petrol Summit color palette — #FBEBE3 · #98BBA3 · #236F9D · #005239 · #1C295A
Slate takes the lead with Navy close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FBEBE3): A whisper-light, dusty orange — the color of sun-warmed clay.
- Sage (#98BBA3): A luminous, dusty teal — the color of glacier melt.
- Slate (#236F9D): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005239): A deep, shadowed, balanced teal — the color of glacier melt.
- Navy (#1C295A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. 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 Petrol Veranda color palette (#F8ECE0, #8DB7D8, #5363A3, #004F50, #352152)
- Forest Chapel color palette (#FFF2EA, #A6D0BB, #557BA7, #006152, #35355F)
- Washed Petrol color palette (#E2ECE4, #8BBBD1, #007699, #004C47, #00182A)
- Denim Loft color palette (#FFF0FA, #DDB7E0, #D08D93, #005E7F, #392749)
- Dusty Denim Villa color palette (#FCE9E3, #569D9E, #005269, #003312, #00132E)
- Timeworn Orchard color palette (#FAF4EE, #BDE7DA, #7987BE, #107071, #5B3D4A)
- Indigo Villa color palette (#F9DFED, #6A57BD, #6C5E00, #375019, #1F193A)
- Azure Lantern color palette (#F5EBF2, #96E1F0, #29AFFA, #00956A, #212C4E)
Browse the whole catalog at Explore, or see today's palette.