Petrol Canyon color palette — #F5EBF2 · #8BB9CD · #00719C · #005143 · #0D2E56
A conversation between Peacock and Navy, giving this palette its sense of trust and stability.
The five colors
- Blush (#F5EBF2): a clean, paper-quiet neutral.
- Ash (#8BB9CD): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#0D2E56): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Frosted Corridor color palette (#F6EBEF, #8DB7D5, #265FD0, #004F55, #2A284F)
- Petrol Summit color palette (#E8EBDB, #7BC0D0, #007793, #004B4E, #001924)
- Cerulean Basin color palette (#DFF3F0, #7FD3E5, #0095B6, #006B6F, #003346)
- Dusty Coast color palette (#DAF4FF, #A0CAFF, #AA83EC, #006B5A, #113149)
- Misty Archive color palette (#FFF1F6, #A7D5F5, #457BE0, #00656D, #3B3A65)
- Hushed Turquoise Delta color palette (#F6EDE0, #B6DFC3, #44B2DD, #00928A, #00314F)
- Dusty Azure color palette (#CCEBFF, #00A1DD, #00577B, #002C3E, #001B25)
- Azure Grove color palette (#FAF3F7, #D6E0F2, #6BA0C5, #3C7B71, #445469)
Browse the whole catalog at Explore, or see today's palette.