Petrol Canyon color palette — #B5F8E8 · #6CC3C2 · #008398 · #005271 · #002047
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Sea Foam (#B5F8E8): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#6CC3C2): A luminous, balanced teal — the color of sea glass.
- Cerulean (#008398): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005271): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002047): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Canyon 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
- Navy Station color palette (#CDF8FF, #74B7D9, #397BB5, #2A3E98, #220F60)
- Softworn Basin color palette (#DFF8C8, #85BC92, #1F906E, #00554E, #00292D)
- Ancient Summit color palette (#DBFCD3, #61BBA0, #008A9D, #00578E, #3C337D)
- Hazy Cerulean color palette (#D5FFF6, #6AD9DA, #00A3C4, #006D9A, #023D78)
- Chalky Navy color palette (#D8F2F3, #00A2C6, #006593, #002B6E, #0D0046)
- Timeworn Garnet color palette (#FEF0DA, #44AFAB, #2B7395, #732742, #112918)
- Inked Petrol Basin color palette (#D6E7E5, #007480, #004154, #001427, #00010C)
- Muted Atelier color palette (#EFF3EE, #D0D9D7, #ABC2C1, #0D877C, #262F24)
Browse the whole catalog at Explore, or see today's palette.