Petrol Canyon color palette — #D0EDF3 · #4A8DAA · #5F66A5 · #293C00 · #000202
Built around Slate, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Frost (#D0EDF3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#4A8DAA): A luminous, balanced blue — the color of open sky before noon.
- Slate (#5F66A5): A full-bodied, balanced violet — the color of wild irises.
- Forest (#293C00): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Black (#000202): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged pastel, 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
- Softworn Byzantium Basin color palette (#C1E8F6, #5A91C6, #8550A0, #003323, #000306)
- Petrol Thicket color palette (#E0F4E1, #2C9689, #006CAA, #413100, #000201)
- Patina Cobalt Corridor color palette (#CAF9F6, #6BBED3, #368FCB, #004A2F, #000102)
- Washed Cobalt color palette (#CBF5FD, #4AADC1, #007AB9, #003D2C, #001315)
- Dusty Boulevard color palette (#E9F2E4, #6CAFCB, #787CC8, #2F5200, #001012)
- Lilac Lagoon color palette (#C4EEFA, #88AAEE, #B073BC, #00523C, #000D1E)
- Lowlit Loft color palette (#D7E6ED, #006373, #4F0033, #00232A, #040002)
- Chestnut Lagoon color palette (#EEE8D7, #8C4B00, #005E60, #060C0F, #000102)
Browse the whole catalog at Explore, or see today's palette.