Petrol Canyon color palette — #F4EAF2 · #62B0B9 · #007092 · #004C39 · #00152A
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F4EAF2): a clean, paper-quiet neutral.
- Cyan (#62B0B9): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#007092): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C39): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#00152A): 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
- Aged Meadow color palette (#EADFE6, #8DB8D1, #0C7ABE, #005A54, #0B1A49)
- Muted Aqua color palette (#FFE9DF, #5BC9D6, #007193, #003F2F, #000308)
- Cerulean Station color palette (#E3E4D8, #1BA1AE, #005361, #00302E, #00171F)
- Gentle Ultramarine color palette (#EFE2E7, #6B99B6, #1852AF, #003B3F, #08002A)
- Softworn Studio color palette (#D6ECE8, #00C7D7, #0093A9, #006D6A, #00171F)
- Antique Veranda color palette (#CCEDFB, #71B6F5, #9785DD, #006A5D, #001E2E)
- Cerulean Atelier color palette (#CDF2FE, #0095BB, #005D78, #002D3C, #000203)
- Hushed Brick color palette (#DDF3FE, #00869A, #BF0031, #004E5B, #260004)
Browse the whole catalog at Explore, or see today's palette.