Petrol Summit color palette — #D1ECFF · #0072A9 · #884F00 · #554600 · #002236
A conversation between Slate and Coffee, giving this palette its sense of nature and growth.
The five colors
- Frost (#D1ECFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
- Coffee (#884F00): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#554600): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
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
- Chalky Cobalt Summit color palette (#D0E8FF, #007ECF, #8E6300, #595901, #0D2D49)
- Quiet Terracotta color palette (#CBE7EB, #007A84, #9F361B, #673C00, #002529)
- Soft Canyon color palette (#E5EFFF, #0052BE, #604B00, #323D09, #000F30)
- Mulberry Cabin color palette (#C6EADE, #0071AC, #A71B56, #435400, #000C18)
- Softworn Lagoon color palette (#E9EEFB, #6554CB, #5C6500, #1D5526, #1D193D)
- Raspberry Alley color palette (#D5E1EB, #008ED6, #C94072, #5D7300, #002238)
- Timeworn Market color palette (#F0F5FF, #6B84D3, #8B7C00, #4B6F28, #2B3850)
- Wandering Bloom color palette (#DCF8E4, #828E5A, #695200, #562900, #072C0F)
Browse the whole catalog at Explore, or see today's palette.