Tempered Petrol Summit color palette — #E3F7EE · #78BEDE · #C58E6E · #1D7CA0 · #36302B
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#E3F7EE): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#78BEDE): A luminous, balanced blue — the color of open sky before noon.
- Camel (#C58E6E): A luminous, balanced gold — the color of old brass.
- Cerulean (#1D7CA0): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#36302B): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Tempered 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
- Aged Garnet color palette (#E8F7E8, #77C2C3, #C78987, #228082, #561B01)
- Washed Market color palette (#FCEDF8, #A3B1E0, #9EA164, #5E6DA9, #33312A)
- Petrol Villa color palette (#EEF8F2, #7ABAD3, #8AA36C, #007F9F, #43542C)
- Tempered Summit color palette (#E2F8EF, #6BA4C9, #B57F5E, #9B6D40, #152D25)
- Cerulean Cabin color palette (#ECF7FF, #9FCBE8, #E59C8B, #3B96C8, #6B4036)
- Softworn Corridor color palette (#F8EEF6, #D3C19C, #536085, #3D2A39, #1A1018)
- Wandering Delta color palette (#FFEAFE, #6EA8FF, #BE6600, #004AA7, #341800)
- Muted Corridor color palette (#D7FBEF, #A7CFF1, #628DB4, #1F5576, #002039)
Browse the whole catalog at Explore, or see today's palette.