Petrol Canyon color palette — #FAE9F2 · #71BDDA · #2169B5 · #005144 · #29284F
A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#FAE9F2): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#71BDDA): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#2169B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005144): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#29284F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: 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
- Forest Villa color palette (#F4EBF5, #64C3C1, #00748F, #035418, #142F4B)
- Patina Corridor color palette (#FDF2F6, #96CDEF, #5A76B4, #00605B, #333855)
- Patina Petrol Corridor color palette (#E8EAE1, #82BDD6, #0074A2, #004955, #00182A)
- Nightshade Bloom color palette (#F6DFE6, #74A3CF, #444CA2, #003D40, #28123E)
- Muted Hollow color palette (#F6ECE6, #B4DEC9, #69AAE6, #00918B, #1B285C)
- Onyx Summit color palette (#E9DDE6, #379FAC, #005072, #00321D, #010B40)
- Hushed Cypress Cabin color palette (#FAF2FA, #B1E6F8, #5693AE, #3A6F4B, #364961)
- Dusty Aqua color palette (#C6F7F8, #34DFF3, #7997E6, #576819, #003A42)
Browse the whole catalog at Explore, or see today's palette.