Petrol Summit color palette — #F7EDDE · #70BED5 · #00719C · #00504F · #092F50
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7EDDE): A whisper-light, dusty gold — the color of old brass.
- Cyan (#70BED5): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#092F50): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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 color palette (#F1E7E1, #84BECF, #0072A9, #004C43, #00113D)
- Worn Cobalt Corridor color palette (#FAF4EB, #93CEEB, #407EAF, #005E67, #493148)
- Timeworn Villa color palette (#E7F1EF, #A4DEEF, #47B2DB, #008F9B, #003249)
- Timeworn Cerulean color palette (#F7EDDC, #00A2AD, #005364, #003129, #001622)
- Cerulean Hollow color palette (#F9F4ED, #C8E6C6, #299BA8, #396E5A, #2D503F)
- Teal Terrace color palette (#F1F5C6, #ACD38A, #4FB897, #6E5303, #36352E)
- Dusty Mulberry color palette (#E6E8CD, #707000, #00678A, #7A2C56, #212100)
- Lapis Quarry color palette (#EBDDB8, #8D8100, #6955BF, #524A00, #281E51)
Browse the whole catalog at Explore, or see today's palette.