Petrol Canyon color palette — #D5F1FF · #00788B · #002F3E · #00131C · #000407
A conversation between Teal and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#D5F1FF): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#002F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00131C): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000407): quiet, heavy and certain.
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
- Cellar Meadow color palette (#D9E9F3, #005E77, #332E34, #001C30, #00060C)
- Washed Cerulean Drift color palette (#D6E9F1, #0097A9, #2B466B, #0D2A35, #041516)
- Antique Sapphire color palette (#D4E0F1, #2472D8, #263145, #0F1620, #03070B)
- Feathered Byzantium color palette (#D7E6FF, #3379FF, #B233B3, #007071, #041539)
- Muted Azure Lantern color palette (#CEE7F1, #00A8E6, #006FA8, #004876, #002143)
- Emerald Villa color palette (#E7F4FF, #08A1F2, #009E32, #006194, #002907)
- Cornflower Villa color palette (#E1F7F7, #A5D6FF, #2C84DF, #005D7E, #0C234C)
- Timeworn Bloom color palette (#DCFAEC, #9CB35E, #517828, #2E5736, #00281E)
Browse the whole catalog at Explore, or see today's palette.