Petrol Summit color palette — #F8ECE5 · #99BBA7 · #006BB3 · #005140 · #242856
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#F8ECE5): a clean, paper-quiet neutral.
- Sage (#99BBA7): A luminous, dusty teal — the color of shallow lagoons.
- Royal Blue (#006BB3): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#242856): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Worn Cobalt color palette (#FBF4EE, #A8CFBE, #5278B5, #006157, #39345B)
- Wandering Petrol color palette (#E2ECE4, #82BED1, #0074A2, #004B4B, #00162E)
- Powdered Ultramarine color palette (#EAE0D7, #7AA4C3, #324AB4, #003E3D, #28064E)
- Onyx Study color palette (#F6E3DB, #5C9BA2, #00506F, #00321A, #000F39)
- Feathered Delta color palette (#EEF0D7, #7C9C3A, #007645, #00483C, #0D2D42)
- Washed Corridor color palette (#E4F2D1, #86CED7, #8D9ADD, #5B6B00, #003E37)
- Worn Teal color palette (#BCF9E4, #00A898, #005E4B, #00312A, #001A17)
- Tempered Coast color palette (#FCF3F1, #CCE4CC, #4995B0, #1E7535, #563D59)
Browse the whole catalog at Explore, or see today's palette.