Tempered Petrol Canyon color palette — #D9F2DD · #6197C0 · #6565A6 · #003E2E · #000F16
A conversation between Slate and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D9F2DD): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#6197C0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#6565A6): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#003E2E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000F16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Tempered 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
- Washed Lagoon color palette (#DDF6E4, #23A297, #156E9F, #2C3900, #00110B)
- Cobalt Harbor color palette (#CCEAF8, #6295AC, #0072BC, #003B3F, #000203)
- Plum Archive color palette (#CBE1FC, #8F92D2, #9A5688, #003D46, #020825)
- Cobalt Studio color palette (#D2F1DC, #7AADC6, #1E85C9, #005C5F, #001118)
- Driftwood Balcony color palette (#B7EDDE, #ABACE4, #A86BAA, #005A69, #0E2249)
- Muted Iris color palette (#CFE8EF, #8AA5DA, #9384F4, #007655, #00111C)
- Lilac Archive color palette (#CDFCE2, #B3CCF6, #A485C3, #006F6D, #13304D)
- Denim Grove color palette (#D5E6E1, #005F97, #4F002B, #001F36, #070000)
Browse the whole catalog at Explore, or see today's palette.