Petrol Alley color palette — #F6EDE0 · #6AC3C0 · #008492 · #005C44 · #00242F
Cerulean and Mint Leaf set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F6EDE0): a clean, paper-quiet neutral.
- Mint Leaf (#6AC3C0): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#008492): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005C44): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00242F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Alley 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
- Cobalt Ridge color palette (#E3DDD5, #74BDD9, #007CB7, #00585C, #001E43)
- Softworn Lagoon color palette (#E8FAF6, #8EDCD9, #008B92, #005347, #001013)
- Aged Dune color palette (#F6E1DB, #4AB1AE, #006178, #00420C, #00203D)
- Sunlit Pine color palette (#F8E8F3, #85CFCD, #00A3BF, #00824F, #002235)
- Hushed Meadow color palette (#FFF4E2, #79D9FF, #0095DD, #007177, #003169)
- Ancient Loft color palette (#F8F4EE, #C1E7DF, #32B6D6, #358B7B, #2F4F43)
- Azure Cabin color palette (#F9F4EE, #B5E0C8, #489FD0, #007C7D, #49304D)
- Gentle Dune color palette (#F4EBDD, #6A97C2, #0745CF, #003949, #06002B)
Browse the whole catalog at Explore, or see today's palette.