Weathered Petrol Canyon color palette — #E9FED0 · #ABE1DA · #80B098 · #407D95 · #264E6A
A conversation between Slate and Peacock, giving this palette its sense of nature and growth.
The five colors
- Custard (#E9FED0): A whisper-light, dusty green — the color of new leaves after rain.
- Sea Foam (#ABE1DA): A whisper-light, dusty teal — the color of sea glass.
- Sage (#80B098): A luminous, dusty teal — the color of sea glass.
- Slate (#407D95): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#264E6A): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
Use it as a design system
One click turns Weathered 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
- Navy Balcony color palette (#DAFFEF, #9BEDFD, #73BABD, #5874A7, #3E3A72)
- Timeworn Field color palette (#BDE9E5, #60B291, #147D70, #1F4363, #0C1838)
- Lagoon Bloom color palette (#F3EFC9, #91BF8E, #30996E, #236A80, #1D5275)
- Cypress Meadow color palette (#DFFFE2, #E6D9A3, #A8B277, #1D8270, #004648)
- Timeworn Lagoon color palette (#E7FFC5, #9DC397, #5B9D80, #035D77, #002A4A)
- Ash Studio color palette (#E5F9FF, #D4DBE7, #B7C0D5, #878CA7, #4C4A5A)
- Cerulean Terrace color palette (#D3F5F6, #228EA7, #105272, #25183A, #050008)
- Hushed Aqua Orchard color palette (#D8FFF4, #62D9D8, #2D9FB7, #5A628F, #3B2661)
Browse the whole catalog at Explore, or see today's palette.