Petrol Canyon color palette — #EEEFE4 · #98C2A9 · #007290 · #003D42 · #000306
Built around Teal, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#EEEFE4): a clean, paper-quiet neutral.
- Mint Leaf (#98C2A9): A luminous, dusty teal — the color of sea glass.
- Teal (#007290): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, 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
- Abyss Archive color palette (#EBECDE, #8DAC89, #006164, #002C24, #000102)
- Tempered Sapphire Loft color palette (#ECF0E4, #88BDE9, #0B67BA, #003A50, #00020F)
- Cobalt Lagoon color palette (#F4F7EC, #AAD7C5, #0081C5, #004F61, #000D1F)
- Patina Alley color palette (#FBE9F5, #3598AF, #004F74, #002C26, #000313)
- Patina Cerulean Basin color palette (#F5F6ED, #BBE9E2, #03A2C3, #00696C, #00222F)
- Cobalt Bloom color palette (#F2E2DA, #5BC0D8, #008CCA, #006E60, #001135)
- Ancient Canyon color palette (#EFE7CC, #808F3A, #515100, #272200, #010100)
- Hushed Balcony color palette (#F5F6E9, #B6E6EF, #00C4DA, #008980, #003C48)
Browse the whole catalog at Explore, or see today's palette.