Petrol Canyon color palette — #DEEBE9 · #75AABA · #0080A6 · #005C65 · #000B14
Cerulean and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DEEBE9): a clean, paper-quiet neutral.
- Blue Fog (#75AABA): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0080A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005C65): A full-bodied, dusty blue — the color of deep harbor water.
- Ink (#000B14): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Dusty Lantern color palette (#F2E4ED, #649CAE, #005D90, #003C36, #00012E)
- Muted Lantern color palette (#E2F2EF, #9CC8D8, #00A4BB, #007D79, #00242E)
- Cerulean Harbor color palette (#EBEFDD, #0086A4, #004258, #001F23, #000103)
- Hazy Cabin color palette (#F1E9FF, #B950A1, #0078B4, #91007A, #00070F)
- Quiet Summit color palette (#E1F3F2, #B0D9F9, #68A9ED, #008AB5, #082B60)
- Worn Lagoon color palette (#EDF8F5, #C8DEF2, #53C5CC, #00A28C, #00434B)
- Softworn Turquoise color palette (#EFF7F7, #DADBE8, #ABC9F2, #6BABCF, #41536F)
- Quiet Chestnut Balcony color palette (#F4DAE6, #AA7240, #944700, #6C2600, #070200)
Browse the whole catalog at Explore, or see today's palette.