Petrol Canyon color palette — #ECF4F0 · #E0B9AC · #2D6984 · #0F3A2B · #0A1712
A conversation between Peacock and Deep Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#ECF4F0): a clean, paper-quiet neutral.
- Sand (#E0B9AC): A luminous, dusty orange — the color of toasted spice.
- Peacock (#2D6984): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#0F3A2B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#0A1712): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Antique Basalt color palette (#F8EFF6, #D5C09F, #4E6188, #203053, #1A1019)
- Worn Cerulean color palette (#EDF7FE, #E6C4E7, #4486A8, #375063, #232D34)
- Hushed Petrol Quarry color palette (#EDF4EF, #94CFD9, #A27093, #00808F, #211012)
- Cerulean Ridge color palette (#ECF4F1, #D9D2CF, #A4A192, #5A88AD, #2C3935)
- Weathered Fern Dune color palette (#F3F3E5, #7EB6C0, #7471A8, #3F5C23, #123329)
- Worn Apricot Field color palette (#FCEBFE, #E88C64, #004D8A, #002140, #110113)
- Inked Cabin color palette (#CDE6DD, #8E392A, #38363E, #001625, #000103)
- Pewter Delta color palette (#F9EEF6, #8191C5, #7A639E, #5C4E00, #241523)
Browse the whole catalog at Explore, or see today's palette.