Petrol Canyon color palette — #ECF3F7 · #D2B8DB · #246B7F · #093649 · #0A161C
Peacock and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF3F7): a clean, paper-quiet neutral.
- Lavender (#D2B8DB): A luminous, dusty pink — the color of peonies in June.
- Peacock (#246B7F): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#093649): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0A161C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Tempered Courtyard color palette (#EBF8FD, #A5CBAD, #006B72, #143E4B, #20272E)
- Antique Denim color palette (#EDF2FB, #C4B282, #3D5289, #16244C, #070C16)
- Softworn Pier color palette (#F0F7F3, #F7BFCE, #3B88A2, #325644, #232F28)
- Muted Corridor color palette (#ECF3F5, #91D1CF, #9870AB, #008281, #151423)
- Antique Fern color palette (#E4F7F1, #7FB8B3, #6478A1, #455B12, #13303D)
- Wandering Quarry color palette (#EBF2FE, #7B94CB, #625D94, #683D00, #061C28)
- Tempered Amber Corridor color palette (#DAE8F5, #C27859, #003B63, #001325, #000205)
- Chestnut Loft color palette (#E9F4FA, #5AA0B6, #98749E, #805318, #0F2631)
Browse the whole catalog at Explore, or see today's palette.