Petrol Canyon color palette — #FFF2EA · #BC744F · #0089A3 · #4462A1 · #3D3632
A conversation between Slate and Caramel, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Caramel (#BC744F): A luminous, balanced orange — the color of toasted spice.
- Cerulean (#0089A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Slate (#4462A1): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#3D3632): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Creativity, 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
- Cerulean Delta color palette (#FFF3E5, #B49160, #548EC5, #7466A7, #46413B)
- Washed Lagoon color palette (#FFF2EE, #BD6F73, #008F7F, #00777F, #4C3027)
- Aged Canyon color palette (#FBF5E1, #838645, #007F92, #5F3C93, #35332C)
- Antique Field color palette (#E5DED1, #936800, #007082, #1A00F2, #312100)
- Linen Grape Balcony color palette (#F8EBC2, #8A8300, #2965EC, #6D22DD, #353200)
- Feathered Aubergine color palette (#EDE9D6, #6A7200, #4F4FB2, #5F279C, #1F2200)
- Dusty Moss color palette (#FFECF3, #BC7D3F, #609000, #9D4C6B, #2B171F)
- Muted Apricot color palette (#FFF3E9, #E78A4C, #91A336, #B16D92, #3D3732)
Browse the whole catalog at Explore, or see today's palette.