Petrol Canyon color palette — #D6F4FF · #007798 · #004865 · #001321 · #000104
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Frost (#D6F4FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007798): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004865): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001321): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Cypress Lagoon color palette (#D4EBE3, #008272, #004E48, #001717, #000202)
- Antique Atelier color palette (#D4F1F6, #0088AB, #006993, #00446F, #000223)
- Muted Fern color palette (#DAF0E7, #0073A4, #186604, #002F46, #000200)
- Wandering Aubergine color palette (#DEECFF, #0052A3, #700081, #003A37, #000105)
- Tempered Courtyard color palette (#CFE1F8, #0878F0, #003C89, #25181F, #000616)
- Powdered Iris color palette (#E3EEFE, #94A9FF, #8C78E4, #004D7D, #030003)
- Cornflower Quarry color palette (#C8E7FF, #65B4FF, #077AF2, #284B99, #0E1244)
- Timeworn Atelier color palette (#FAEDCE, #777800, #443D00, #181200, #010100)
Browse the whole catalog at Explore, or see today's palette.