Petrol Canyon color palette — #FCF4E8 · #C4E4F8 · #82A8DD · #007C92 · #212B52
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Powder Blue (#C4E4F8): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#82A8DD): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007C92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#212B52): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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
- Airy Grove color palette (#FEF4E4, #D7E7FB, #00A4F0, #007176, #00244D)
- Turquoise Alley color palette (#F9F4ED, #BBE6F2, #60B2D5, #008079, #00372C)
- Weathered Lagoon color palette (#FBF4EE, #BEECDD, #9DAFEC, #00A0A0, #40315A)
- Patina Ridge color palette (#F4EDE2, #73C5D7, #007195, #003E3B, #000307)
- Wandering Denim Lantern color palette (#F2EBDF, #77A7D3, #2C5199, #002A35, #01000A)
- Weathered Cobalt color palette (#F0F7F2, #A9C9E5, #3B78C7, #005D6E, #2E385D)
- Timeworn Cerulean Summit color palette (#FDF4E5, #9BD9D6, #008A98, #00543D, #000F15)
- Powdered Wisteria color palette (#F9F7DB, #AFCB7C, #BE90EB, #638118, #321A47)
Browse the whole catalog at Explore, or see today's palette.