Petrol Canyon color palette — #F6EDDF · #71BCE1 · #086DAD · #004F56 · #1A2D4F
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F6EDDF): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#71BCE1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#086DAD): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#1A2D4F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Tempered Petrol Chapel color palette (#F4E6DC, #84BCD7, #2D6DAF, #004B4A, #0B0C3F)
- Ancient Cobalt Coast color palette (#FAF4EB, #97CCF4, #4D79B7, #005D6F, #4A3145)
- Sunlit Azure color palette (#E6F1F0, #A9DBF6, #38AFF4, #008DA8, #003054)
- Teal Lagoon color palette (#ECE3D5, #5DAEAC, #00636E, #00402E, #00242F)
- Timeworn Cerulean Basin color palette (#FEF4E3, #77E2E6, #008FA5, #006855, #00465E)
- Mallow Harbor color palette (#FFEFF6, #EEA2EF, #D27F9E, #4B558D, #4A2D34)
- Antique Villa color palette (#F9F4ED, #C7E9EC, #799CC4, #557861, #604A5D)
- Frosted Parlor color palette (#ECE0CE, #5185B5, #002B99, #00212B, #060128)
Browse the whole catalog at Explore, or see today's palette.