Petrol Canyon color palette — #D9EEED · #87BADD · #1A6FAF · #00485D · #001533
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Frost (#D9EEED): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#87BADD): A luminous, dusty blue — the color of deep harbor water.
- Slate (#1A6FAF): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00485D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001533): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Petrol Basin color palette (#F5EDE2, #8DB7D4, #386AA2, #004E5A, #1D2B54)
- Aqua Market color palette (#DFECE9, #57C7C8, #007A83, #004C44, #001A1F)
- Dusty Cerulean color palette (#E1F8F3, #8AE0EB, #0092AA, #006260, #002A36)
- Muted Cornflower Terrace color palette (#FBE9F0, #A5C9E7, #6282D5, #006C69, #31254E)
- Hushed Cerulean color palette (#CEE6E3, #0099BC, #00516C, #002B30, #00050B)
- Softworn Villa color palette (#DAF2F7, #009389, #6057C8, #00524C, #0F0637)
- Gentle Workshop color palette (#D4F8F5, #007B77, #095BB6, #405500, #000D11)
- Wandering Cocoa color palette (#F8E6F0, #B57450, #863C1D, #551C13, #1C0511)
Browse the whole catalog at Explore, or see today's palette.