Petrol Canyon color palette — #F5E5DF · #5CC6CE · #00759C · #004F29 · #001338
Built around Teal, softened by Aqua — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F5E5DF): bright and airy, almost weightless.
- Aqua (#5CC6CE): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00759C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004F29): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#001338): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Petrol Thicket color palette (#F3E6DC, #77BCE7, #4A68AC, #004C48, #180E2F)
- Cerulean Chapel color palette (#F6EAF3, #94D1D6, #0094BB, #006F52, #003053)
- Wandering Study color palette (#B6E9FF, #00A9CD, #005D74, #002B34, #000509)
- Weathered Lagoon color palette (#D3E4D8, #009E80, #005F68, #003748, #00173C)
- Lilac Station color palette (#D7F1D9, #9FCFFF, #AA91E2, #306948, #002012)
- Misty Terracotta Parlor color palette (#D5E6D9, #007986, #9C3B00, #624000, #000F04)
- Softworn Corridor color palette (#F9F0E8, #B9E9D6, #6E8DC9, #256B65, #3C2330)
- Powdered Brick Veranda color palette (#D5F4DF, #008FA3, #BF2830, #00505B, #2B0002)
Browse the whole catalog at Explore, or see today's palette.