Petrol Canyon color palette — #EEEFDF · #64C3C7 · #008492 · #005A53 · #00242C
Cerulean and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EEEFDF): A whisper-light, dusty green — the color of fresh herbs.
- Aqua (#64C3C7): A luminous, balanced teal — the color of sea glass.
- Cerulean (#008492): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005A53): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#00242C): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Softworn Boulevard color palette (#E0E4D4, #6EBCE4, #0C7CB7, #005669, #00203D)
- Ancient Cerulean color palette (#DFEBE1, #8ECDD0, #00A3BE, #007F69, #002331)
- Cobalt Studio color palette (#FFF2EE, #91DAE1, #0085B3, #00552F, #000A28)
- Turquoise Canyon color palette (#F5F7E8, #9DEAF4, #00AECA, #008281, #00475A)
- Antique Hollow color palette (#DFE0CF, #41A4A3, #00646B, #003C34, #000C0F)
- Feathered Azure color palette (#F2F8E3, #8BD5FF, #0094E0, #006F87, #00345F)
- Powder Thicket color palette (#F4F6EE, #C5E8EC, #96B4D7, #65917F, #5C4D5B)
- Washed Moss color palette (#F6E9D0, #9B8E2F, #745E00, #503900, #1C1500)
Browse the whole catalog at Explore, or see today's palette.