Petrol Canyon color palette — #D1EDDD · #007E9B · #13325D · #031B10 · #020602
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D1EDDD): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#007E9B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#13325D): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#031B10): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#020602): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. 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
- Muted Cypress Workshop color palette (#E2EEDA, #00856C, #003A42, #0D1A02, #040500)
- Muted Denim color palette (#DDF6EE, #00669E, #20272F, #1D1757, #000D08)
- Cerulean Harbor color palette (#CCE5F2, #009BBD, #455275, #1C333F, #000607)
- Softworn Sapphire color palette (#F3E0F4, #0071D2, #332B57, #1F0F21, #000603)
- Antique Atelier color palette (#EBE1EC, #5291DE, #624153, #352936, #131A17)
- Soft Cornflower Archive color palette (#ECE2ED, #0687EF, #AD6800, #687000, #06203B)
- Indigo Lantern color palette (#EAEEFF, #5B59FF, #4E1D65, #131638, #000A07)
- Aged Garden color palette (#F8ECE6, #AFCEAE, #0096B0, #007044, #00324B)
Browse the whole catalog at Explore, or see today's palette.