Petrol Canyon color palette — #ECF9EF · #71C9C5 · #007C89 · #005840 · #003948
Built around Teal, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Aqua (#71C9C5): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007C89): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005840): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#003948): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Forest Lantern color palette (#FBECFD, #67CFCB, #007E9B, #005612, #001B34)
- Frosted Periwinkle Coast color palette (#D3FBFF, #95DEFF, #5F9CFF, #00776B, #003E49)
- Feathered Petrol color palette (#E6F2E8, #89B8D6, #136AB5, #004E59, #172A5C)
- Cobalt Alley color palette (#F0F7F1, #A9D5F0, #0088C8, #00666A, #1B406E)
- Hushed Courtyard color palette (#D8E5DA, #6EABAD, #006272, #003F32, #002331)
- Powdered Turquoise Cabin color palette (#FEF4E5, #6AF2EE, #00C0D3, #009C74, #003948)
- Pine Hollow color palette (#FFF2EE, #7FDED9, #009CBC, #0C7819, #00355D)
- Gentle Byzantium color palette (#C2EAEE, #008089, #9E00AF, #6A4D00, #002A2D)
Browse the whole catalog at Explore, or see today's palette.