Petrol Canyon color palette — #F3ECE2 · #58B1BF · #00718F · #004B44 · #001625
A conversation between Teal and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3ECE2): a clean, paper-quiet neutral.
- Cyan (#58B1BF): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00718F): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B44): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001625): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Soft Ultramarine color palette (#F0E5D5, #5BABDB, #0067BA, #004853, #040C3C)
- Washed Petrol Harbor color palette (#E2F2EF, #72C6D4, #00738A, #003E3E, #000305)
- Washed Cerulean color palette (#F9EBF5, #5DC1CF, #008FBD, #006F58, #00142C)
- Cerulean Delta color palette (#FCEAE1, #00A2B1, #005072, #00321D, #000A41)
- Aged Azure Studio color palette (#FAF4EB, #A7DFED, #00A3D7, #007C77, #144439)
- Worn Lagoon Veranda color palette (#E4F4ED, #009E7C, #00654A, #002B1B, #000301)
- Fern Garden color palette (#D8EDE0, #00C9B9, #00A3BD, #316800, #001D17)
- Quiet Lagoon color palette (#E7EFD3, #26A05B, #8D0092, #005429, #1F0021)
Browse the whole catalog at Explore, or see today's palette.