Petrol Summit color palette — #E9F1EB · #CADDD2 · #9FC0B2 · #008090 · #253129
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E9F1EB): a clean, paper-quiet neutral.
- Silver (#CADDD2): A whisper-light, dusty teal — the color of glacier melt.
- Ash (#9FC0B2): A luminous, dusty teal — the color of glacier melt.
- Teal (#008090): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#253129): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Dusty Petrol Canyon color palette (#E0EBE6, #ADCCC2, #B39CB5, #00698E, #0D241C)
- Tempered Cobalt color palette (#F3ECF3, #E3D1DF, #C7B0BE, #4B73AB, #352935)
- Dusty Quarry color palette (#E6F0F4, #CDD3E0, #B4B7CB, #00A5B3, #203137)
- Twilit Meadow color palette (#CCE6DB, #007BAA, #063C32, #051B13, #000603)
- Jade Lagoon color palette (#E6E6CF, #7CB677, #3D8253, #535750, #292B10)
- Aged Lagoon color palette (#EEF8F4, #E4D3D1, #C3BFB1, #6A9B8C, #414A47)
- Patina Petrol color palette (#DAE3BE, #00A2C6, #006FAB, #5D3270, #002838)
- Lapis Lantern color palette (#C9EADD, #0091CB, #584DC4, #661E66, #00261E)
Browse the whole catalog at Explore, or see today's palette.