Petrol Canyon color palette — #F3EADC · #67ADC2 · #006F9A · #004A49 · #00152A
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#F3EADC): A whisper-light, dusty gold — the color of honey in a jar.
- Cyan (#67ADC2): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006F9A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
- 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
- Hazy Ridge color palette (#F5EDE0, #83A6C6, #2A5FC6, #004759, #0E0046)
- Wandering Denim color palette (#E8DFD2, #57A19E, #00646E, #003D2C, #000B11)
- Worn Aqua color palette (#E1F4E5, #3AC9ED, #00709B, #003E3D, #000308)
- Weathered Iris Cabin color palette (#CFECDE, #8EBAF2, #8B7CEE, #00626C, #001628)
- Worn Cobalt Meadow color palette (#DDF1FF, #0094D6, #005B83, #00283F, #000409)
- Dusty Balcony color palette (#C5EEEC, #00858B, #005E6D, #003B4F, #001729)
- Quiet Cobalt Canyon color palette (#F2E1EB, #24C3E5, #0089D9, #007055, #0A093C)
- Frosted Grove color palette (#D7E6DE, #0084A5, #A14900, #004D61, #1E0800)
Browse the whole catalog at Explore, or see today's palette.