Petrol Canyon color palette — #C6EFF3 · #007C86 · #004249 · #001618 · #000102
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#C6EFF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007C86): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004249): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001618): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Antique Turquoise Thicket color palette (#B7F0FF, #00B3CF, #006F83, #002F39, #00080A)
- Worn Cobalt color palette (#D6F6F9, #54A4B9, #0085B6, #004C49, #000A0D)
- Midnight Pine color palette (#CDEBD8, #007F4A, #004627, #001507, #000200)
- Cobalt Harbor color palette (#E2F0FE, #0070CA, #00396B, #001126, #000104)
- Lowlit Pine Loft color palette (#D1E6F2, #217C1A, #3F3534, #00222D, #000305)
- Cobalt Archive color palette (#E8F3FF, #5DB0FB, #0072BF, #003C69, #001125)
- Amethyst Field color palette (#CFF5E4, #792BFC, #006A92, #080C15, #000103)
- Twilit Aubergine color palette (#D3E4EE, #004A68, #56006A, #00230F, #000103)
Browse the whole catalog at Explore, or see today's palette.