Petrol Summit color palette — #ECF1E4 · #7DB7EC · #2A68B3 · #004B69 · #172B56
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF1E4): a clean, paper-quiet neutral.
- Sky (#7DB7EC): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#2A68B3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004B69): A deep, shadowed, balanced blue — the color of deep harbor water.
- Navy (#172B56): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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
- Muted Petrol Dune color palette (#EEF0E3, #7ABDCC, #00748F, #004F52, #003346)
- Ancient Basin color palette (#E8F1EA, #A6C8E9, #5F86C6, #006880, #232856)
- Softworn Field color palette (#EEF3DC, #2A9CC8, #004F74, #002E38, #001528)
- Timeworn Periwinkle Summit color palette (#F4EDE7, #B0DFD1, #8E9FE9, #009093, #35234D)
- Washed Cerulean color palette (#F4F6EC, #BBE9CE, #4A95B2, #116F77, #2E5043)
- Ancient Moss Ridge color palette (#E0E1BB, #519300, #00749B, #2C5500, #002D3F)
- Mint Pier color palette (#DDFFE0, #64D79F, #06B49B, #43622E, #32342D)
- Dusty Olive color palette (#DCF5D6, #2B8000, #006B74, #6A4400, #0E2607)
Browse the whole catalog at Explore, or see today's palette.