Petrol Canyon color palette — #CCE6E6 · #007D8E · #005467 · #002C41 · #000F1E
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Silver (#CCE6E6): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007D8E): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005467): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#002C41): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000F1E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Patina Station color palette (#CBF6F0, #00888F, #005A70, #003151, #1B0F42)
- Teal Harbor color palette (#D6E6E0, #00A9AC, #00687F, #00315C, #05002B)
- Pine Chapel color palette (#DDEFE0, #008A5E, #005948, #002A27, #001012)
- Chestnut Field color palette (#DBF3FF, #00759A, #894100, #003C51, #120400)
- Tempered Quarry color palette (#D4E9FD, #0089DB, #004773, #001C2F, #000204)
- Feathered Periwinkle color palette (#DAEFE7, #77ADFF, #8A80CA, #005C6C, #00140F)
- Muted Navy color palette (#C5EAFB, #007AB9, #00407E, #0D0370, #060027)
- Linen Sky Canyon color palette (#D1F9FD, #00C0EA, #007FAB, #1E517B, #3A223A)
Browse the whole catalog at Explore, or see today's palette.