Petrol Canyon color palette — #F9F4EE · #C3E2F6 · #8AA7D9 · #007B97 · #252A50
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4EE): bright and airy, almost weightless.
- Powder Blue (#C3E2F6): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#8AA7D9): A luminous, balanced violet — the color of a velvet chair.
- Teal (#007B97): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#252A50): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Patina Coast color palette (#FAF4EC, #BAE8F2, #46B6D4, #008170, #013349)
- Softworn Thicket color palette (#FCF3EB, #C8E8DF, #9BABFD, #009FA4, #413255)
- Antique Petrol Archive color palette (#F4EDE2, #7EC2D7, #00709B, #003E3D, #000308)
- Washed Thicket color palette (#F0F8F1, #A7C9EA, #5177BB, #005C72, #2C3A59)
- Patina Cerulean color palette (#FAF4EB, #9AD9DA, #00899D, #005341, #000F17)
- Washed Powder Hollow color palette (#F9F4EE, #C5DEEE, #BFBDEB, #769C85, #5C4557)
- Moss Villa color palette (#FFF2EE, #E8858A, #67AA49, #4A7EC8, #330C10)
- Powdered Basin color palette (#FFF2EE, #FF9FAE, #1ABDB9, #C14360, #002F2E)
Browse the whole catalog at Explore, or see today's palette.