Petrol Canyon color palette — #DDE8E2 · #B7C9C4 · #B49DAC · #006C83 · #0E2519
Peacock and Onyx set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#DDE8E2): a clean, paper-quiet neutral.
- Oat (#B7C9C4): A whisper-light, dusty teal — the color of sea glass.
- Mauve (#B49DAC): A luminous, dusty pink — the color of a candy shop window.
- Peacock (#006C83): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#0E2519): A deep, shadowed, dusty teal — the color of sea glass.
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
- Cypress Meadow color palette (#E1E4DE, #BDC7BE, #8BAE9D, #007258, #1B2214)
- Denim Workshop color palette (#DCE5E1, #BCB0B9, #AB8B98, #005886, #001912)
- Hushed Loft color palette (#DCE5E0, #AFC5C6, #8DAEB3, #008DB4, #0E241B)
- Muted Study color palette (#F1E7EF, #D1BEC6, #B89CA1, #3656BE, #281A25)
- Dusty Cypress Loft color palette (#E8E5D3, #769E77, #00715A, #004E5E, #002204)
- Patina Lantern color palette (#D1ECD5, #609CAE, #576B99, #694400, #262F00)
- Ancient Station color palette (#F0F7F4, #DDD5D3, #B0A595, #4A9ABE, #3B4C45)
- Dusty Nightshade color palette (#F3EBF0, #B29EA6, #A27A7F, #2D349A, #10050D)
Browse the whole catalog at Explore, or see today's palette.