Petrol Canyon color palette — #E7F1E9 · #65C7DB · #007194 · #003E3A · #000307
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E7F1E9): bright and airy, almost weightless.
- Cyan (#65C7DB): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#007194): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000307): 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
- Softworn Ultramarine color palette (#E5F2E7, #87BEE6, #0063C9, #003C48, #010015)
- Cobalt Villa color palette (#EDF9EF, #9BD5F2, #0080CA, #005057, #000A27)
- Softworn Cerulean Lantern color palette (#FDE9DF, #3A98AA, #005070, #002D24, #000410)
- Azure Lantern color palette (#EFF8F1, #B5F2FB, #00A1C8, #006B60, #002134)
- Aged Jade Field color palette (#9EF2D6, #00AE87, #006250, #001B14, #000201)
- Linen Canyon color palette (#ECDAE6, #58C1D4, #008CCD, #00704E, #050C3B)
- Emerald Veranda color palette (#DAE3C8, #399A00, #00662A, #002A1B, #000302)
- Timeworn Garden color palette (#F0F8F1, #D8D6E2, #13B3F4, #007F7E, #15304A)
Browse the whole catalog at Explore, or see today's palette.