Petrol Canyon color palette — #EEF6FF · #FF9A98 · #006CB5 · #003D69 · #071C2F
Built around Royal Blue, softened by Rose Quartz — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Rose Quartz (#FF9A98): A luminous, balanced orange — the color of sun-warmed clay.
- Royal Blue (#006CB5): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003D69): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#071C2F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged luxury, dark, cool.
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
- Blush Veranda color palette (#E7F9FF, #FF9A97, #00787C, #004446, #011F27)
- Sunlit Alley color palette (#EFF6FF, #E8AF5B, #1D60D6, #123678, #101B2A)
- Weathered Loft color palette (#E3FCF2, #FFCAC0, #0074A2, #00334A, #000A06)
- Quiet Tangerine Quarry color palette (#D2E0EF, #EB855F, #00569C, #002950, #010C1B)
- Hushed Cobalt Grove color palette (#F1F6FB, #DED7E8, #D5B7D4, #3F89D7, #37414C)
- Ancient Marigold Market color palette (#E2FDEF, #CB9900, #005067, #002B39, #001C1C)
- Muted Parlor color palette (#F2F5FF, #BBDCB5, #7A75AD, #444C68, #282B36)
- Tempered Nightshade Loft color palette (#D7E4F6, #C38300, #0034AA, #011448, #00020B)
Browse the whole catalog at Explore, or see today's palette.