Petrol Canyon color palette — #DFECEA · #8EBBCE · #00788D · #004B4B · #001922
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFECEA): a clean, paper-quiet neutral.
- Ash (#8EBBCE): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00788D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B4B): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001922): A deep, shadowed, dusty 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
- Cerulean Market color palette (#E6F6F4, #AACDE0, #0F88AF, #005A62, #002339)
- Denim Loft color palette (#D7E5E4, #7AA2BD, #005E8B, #003844, #000B1A)
- Petrol Delta color palette (#F9EBE5, #9CBAA4, #007298, #005141, #002E5A)
- Cerulean Orchard color palette (#DFEEEC, #3483A0, #00415C, #001E24, #000103)
- Tempered Forest Study color palette (#CEF9FB, #8AD6C5, #5CB7B6, #1C6C3C, #00231A)
- Airy Thicket color palette (#C6ECE9, #00984F, #066CBF, #00552A, #001228)
- Jade Boulevard color palette (#CFE5DA, #00A980, #006648, #002F20, #000603)
- Antique Terrace color palette (#E2F5EB, #007F56, #006888, #5A4B00, #000F07)
Browse the whole catalog at Explore, or see today's palette.