Petrol Canyon color palette — #F4E6E0 · #64C5CA · #00769A · #004F25 · #001435
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F4E6E0): a clean, paper-quiet neutral.
- Aqua (#64C5CA): A luminous, balanced teal — the color of glacier melt.
- Teal (#00769A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F25): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#001435): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Thicket color palette (#F3E7DA, #81BAE5, #5166AD, #004B4B, #1A0D2E)
- Antique Garden color palette (#FDEEE7, #87D6E7, #3F82B1, #005E43, #2E172A)
- Washed Petrol color palette (#EFF0E2, #9BBBA0, #007584, #00504B, #003440)
- Denim Delta color palette (#F0E4DD, #60A8BF, #005A9C, #003B2E, #07032A)
- Aged Cerulean Drift color palette (#EBFAEE, #9BF8FE, #00A3BF, #006C5A, #002231)
- Worn Azure Bloom color palette (#DAF6FF, #00A8D2, #006270, #002E3B, #000709)
- Softworn Terrace color palette (#D8F7DC, #94CAFF, #AA8AC4, #32713E, #002413)
- Dusty Workshop color palette (#D9F1F2, #007A80, #9B3C00, #624000, #000E0F)
Browse the whole catalog at Explore, or see today's palette.