Petrol Canyon color palette — #F3E6DF · #6FC1D4 · #0071AC · #004D37 · #0C1232
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Parchment (#F3E6DF): a clean, paper-quiet neutral.
- Cyan (#6FC1D4): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0071AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0C1232): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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 Cobalt Atelier color palette (#F9F0EA, #9CD1E4, #3F7FC0, #005D4C, #1B1C3C)
- Ancient Station color palette (#EEF0E0, #84BCC9, #00748F, #004F53, #003346)
- Denim Study color palette (#E8DCD1, #66A5C7, #2C53A3, #003A35, #0D002A)
- Worn Lagoon color palette (#F5E6E1, #009D9F, #005168, #002E0D, #00040F)
- Hushed Iris Quarry color palette (#F7F1E9, #BDE7DA, #7989C8, #29696A, #3C232E)
- Pale Studio color palette (#D8E7C6, #00966D, #A3339F, #00543C, #240023)
- Patina Basin color palette (#EFE3DA, #0084AF, #003681, #00201C, #010009)
- Periwinkle Veranda color palette (#EEF5CE, #83DCDB, #6FA5E5, #605C13, #0F1D02)
Browse the whole catalog at Explore, or see today's palette.