Petrol Summit color palette — #F5EBF1 · #82C5C1 · #007485 · #004121 · #000306
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F5EBF1): bright and airy, almost weightless.
- Mint Leaf (#82C5C1): A luminous, dusty teal — the color of glacier melt.
- Teal (#007485): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004121): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Tempered Pier color palette (#FAE9F1, #82C0E1, #1B67B8, #003E3E, #010014)
- Ancient Cerulean color palette (#FFF0FB, #9DD7E0, #0086AF, #005340, #000D1F)
- Hushed Iris Boulevard color palette (#D4F6FF, #99D8F5, #888FFC, #006546, #00080B)
- Lagoon Courtyard color palette (#EAEADF, #77BFBA, #009599, #006F5D, #00181B)
- Hushed Chapel color palette (#D4E9E4, #1B9D99, #005457, #002C25, #000507)
- Plum Thicket color palette (#D8F4FB, #00908F, #C0003F, #004545, #040000)
- Hushed Garden color palette (#D4EFF5, #007486, #9F0062, #742400, #000102)
- Turquoise Coast color palette (#FFF0FB, #BEFBFF, #00AAD3, #007654, #002742)
Browse the whole catalog at Explore, or see today's palette.