Petrol Canyon color palette — #EEF8F2 · #C4E2E4 · #CBB3CA · #00778E · #35443B
Teal takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EEF8F2): a clean, paper-quiet neutral.
- Silver (#C4E2E4): A whisper-light, dusty blue — the color of deep harbor water.
- Rosewood Mist (#CBB3CA): A luminous, dusty pink — the color of peonies in June.
- Teal (#00778E): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#35443B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Tempered Cypress color palette (#F1F8EC, #C5E3D8, #ADC3B3, #0A7D61, #3C4236)
- Hushed Cerulean color palette (#EFF7FA, #D6DAEC, #C1BCD8, #0096AE, #2F434D)
- Tempered Petrol color palette (#FBF2F9, #EFD3D4, #D5B0BD, #51689F, #473C45)
- Denim Thicket color palette (#E7F2EC, #BAD2CC, #B197AB, #005D7B, #25312B)
- Softworn Loft color palette (#FBF2F6, #E3D7D5, #AEAEA2, #997686, #565153)
- Fern Station color palette (#C7EAFF, #90ADE0, #8774A6, #7A5135, #4A4A00)
- Midnight Petrol color palette (#D0E5DF, #006DB0, #1F284B, #011E17, #000909)
- Navy Harbor color palette (#F4EBF5, #C4B3C0, #A28493, #00457E, #241C25)
Browse the whole catalog at Explore, or see today's palette.