Petrol Canyon color palette — #F4E8F2 · #5DB1B9 · #006F97 · #004D2B · #000F38
A conversation between Peacock and Forest, giving this palette its sense of nature and growth.
The five colors
- Blush (#F4E8F2): bright and airy, almost weightless.
- Cyan (#5DB1B9): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006F97): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D2B): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#000F38): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Aged Cobalt color palette (#EBDFE6, #7EBCCF, #0078C8, #005B48, #171945)
- Petrol Veranda color palette (#F8EBE5, #6EC7CF, #007290, #00402D, #000308)
- Antique Delta color palette (#F0E8DB, #00A2AE, #005264, #003129, #001623)
- Antique Atelier color palette (#D5E4E1, #69C0C8, #0093A8, #006D69, #00171F)
- Pale Lapis color palette (#F3E5E9, #6EA8DA, #4850D8, #004A4C, #1C0334)
- Forest Garden color palette (#F3ECF2, #9CCDDD, #0094BD, #007133, #142E4F)
- Dusty Periwinkle Delta color palette (#FAF3F6, #D3DEFA, #7EA6E3, #328B7E, #3E4665)
- Ancient Ultramarine color palette (#CFEAD7, #907400, #0B4FF1, #544300, #00053A)
Browse the whole catalog at Explore, or see today's palette.