Petrol Canyon color palette — #F7ECE6 · #6EC0CD · #007298 · #005140 · #082E54
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F7ECE6): a clean, paper-quiet neutral.
- Cyan (#6EC0CD): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#007298): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005140): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#082E54): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Ancient Lantern color palette (#F5E5DE, #7DC0CB, #0073A6, #004E33, #05103C)
- Sapphire Courtyard color palette (#F9ECDF, #8AB7D9, #3863BD, #004F56, #2B284D)
- Softworn Study color palette (#F7EAF4, #92D0DC, #358FC5, #006F4D, #1E2B53)
- Turquoise Delta color palette (#E6F2E8, #B4DAEB, #0EB5E3, #009286, #00314C)
- Antique Alley color palette (#C5E7DC, #009693, #006C78, #00485D, #002F4B)
- Lilac Delta color palette (#D8F4DF, #B0D6FF, #B093E9, #00735C, #183C2E)
- Washed Lagoon Corridor color palette (#FFE9DD, #2FA2A1, #005362, #00321C, #001624)
- Wandering Rust Archive color palette (#C6E8D0, #008EA2, #B14015, #00535F, #4C1300)
Browse the whole catalog at Explore, or see today's palette.