Petrol Canyon color palette — #EEF6FF · #87B4E3 · #B59264 · #4A76A3 · #3E543D
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Sky (#87B4E3): A luminous, balanced blue — the color of deep harbor water.
- Caramel (#B59264): A luminous, dusty gold — the color of old brass.
- Slate (#4A76A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#3E543D): A full-bodied, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Petrol Courtyard color palette (#EBF8FE, #71BDCF, #C3896B, #297F91, #604353)
- Ancient Coast color palette (#F2F5FF, #B0A8DB, #82A570, #7466AA, #24574F)
- Amber Station color palette (#EFF6FF, #739AD0, #AD7F46, #717735, #374353)
- Softworn Azure Veranda color palette (#EEF6FF, #A2C8F1, #84C294, #4090DE, #235754)
- Aged Lagoon color palette (#E8FAF1, #9FC0B8, #5E8C77, #49664D, #364D4B)
- Cobalt Chapel color palette (#F9EEFA, #C6A7C9, #C586A3, #3C74B1, #482624)
- Feathered Mulberry color palette (#F6F3FF, #BC8CBD, #849244, #884A8A, #3F4811)
- Muted Cerulean Balcony color palette (#EEF6FF, #DCD9E3, #DAB3BD, #648DA2, #484F5D)
Browse the whole catalog at Explore, or see today's palette.