Petrol Summit color palette — #F7EAF3 · #7ABFBE · #00758A · #005331 · #00324B
Teal and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Mint Leaf (#7ABFBE): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#005331): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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
- Patina Petrol Corridor color palette (#F8EAF1, #85BAD0, #016CB2, #00504C, #1B295C)
- Wandering Cypress color palette (#EAEADF, #81C1BF, #007A81, #004C42, #001A1E)
- Washed Archive color palette (#E5F2EF, #94D1D0, #0098A2, #006D60, #00353C)
- Faded Cobalt Balcony color palette (#FFF0F9, #9CD9EF, #3086C3, #00675F, #273C72)
- Linen Emerald color palette (#F7ECE6, #9BE2E0, #00B7D7, #1E955F, #00324B)
- Patina Cypress color palette (#FAF2F8, #D5D6EB, #779FB6, #487B65, #3D556C)
- Navy Basin color palette (#FFE9F1, #5597C1, #0041A0, #002F32, #120044)
- Fern Meadow color palette (#D7EFE3, #7B9060, #5D5808, #4A3200, #002B29)
Browse the whole catalog at Explore, or see today's palette.