Petrol Canyon color palette — #F2E5ED · #69C2D6 · #1971A9 · #004D38 · #0B1136
Built around Slate, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F2E5ED): bright and airy, almost weightless.
- Cyan (#69C2D6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#1971A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0B1136): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Antique Alley color palette (#FAEEF4, #A5CEE7, #4E7DBB, #005D50, #171F39)
- Weathered Petrol Lantern color palette (#E2F3F0, #7CBDCE, #007392, #004F54, #003248)
- Washed Ultramarine Corridor color palette (#F1DDE5, #5FA5CE, #294FB0, #003A36, #0E0225)
- Coral Courtyard color palette (#E9F0FF, #E3B3EA, #E07F89, #006784, #141330)
- Cypress Station color palette (#F8EFF4, #D6D1E7, #829FBE, #437768, #2D364B)
- Lagoon Courtyard color palette (#F7E8F6, #359A9F, #00516B, #002E13, #000411)
- Dusty Meadow color palette (#DEE3FA, #5050E6, #576700, #115629, #020821)
- Weathered Navy color palette (#EED9E2, #3282A7, #013388, #00201C, #020009)
Browse the whole catalog at Explore, or see today's palette.