Petrol Canyon color palette — #EDF8F1 · #CBDEDF · #CCB2CD · #00778C · #34443A
A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EDF8F1): a clean, paper-quiet neutral.
- Silver (#CBDEDF): A whisper-light, dusty blue — the color of deep harbor water.
- Rosewood Mist (#CCB2CD): A luminous, dusty pink — the color of neon signs at night.
- Teal (#00778C): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal (#34443A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Lagoon color palette (#ECF4ED, #C3DDE0, #D4B5C7, #007984, #1B291F)
- Antique Petrol color palette (#F9F3F8, #E7D8D9, #CFBBBA, #5675A6, #4E444D)
- Cypress Orchard color palette (#F3F6F0, #CDDFD8, #A5C6AD, #007D5E, #3D4237)
- Antique Turquoise color palette (#ECF7FD, #D4DAE9, #B6AAB2, #2AB5D8, #33424A)
- Navy Parlor color palette (#E1EBE8, #C3B4BF, #A38394, #00467B, #11231F)
- Nightshade Lantern color palette (#FCF2F8, #E4CBD4, #BC98C1, #5048AE, #422A39)
- Quiet Indigo Harbor color palette (#BFEEDA, #8CA7D3, #816ABA, #7A4B32, #454A1E)
- Petrol Thicket color palette (#D4F7EC, #006EAC, #1A2654, #001E17, #000909)
Browse the whole catalog at Explore, or see today's palette.