Petrol Canyon color palette — #CEE5D6 · #007183 · #012D1E · #021007 · #000301
Teal takes the lead with Deep Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Celadon Mist (#CEE5D6): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#007183): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#012D1E): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#021007): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Velvet Pier color palette (#D9F2FD, #006F7E, #0A2741, #06161C, #010409)
- Muted Cerulean Thicket color palette (#D9EBF4, #0090A6, #234457, #0F252E, #070F12)
- Nocturne Ultramarine color palette (#EEE0ED, #2B5EC1, #1D2143, #150614, #030104)
- Hushed Emerald Terrace color palette (#D7F0E7, #279ADF, #209430, #005A8A, #002404)
- Weathered Cobalt Study color palette (#F6E9F3, #647ECC, #4C3242, #241B22, #0F0B0F)
- Plum Loft color palette (#F3D5EC, #5C75CB, #A93996, #00686F, #200A1D)
- Antique Olive color palette (#F5F2E7, #97A77A, #487226, #265132, #201D01)
- Muted Thicket color palette (#CCE9F5, #009DD5, #006CA2, #003E6A, #001D40)
Browse the whole catalog at Explore, or see today's palette.