Twilit Petrol Canyon color palette — #D3ECDD · #006B80 · #21262F · #00122B · #000102
Peacock and Ink set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D3ECDD): A whisper-light, dusty teal — the color of glacier melt.
- Peacock (#006B80): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#21262F): quiet, heavy and certain.
- Ink (#00122B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Twilit 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
- Petrol Lagoon color palette (#CAE9DD, #006792, #080C34, #051113, #000103)
- Velvet Abyss Corridor color palette (#DCF8E7, #004C5D, #26272E, #00101B, #000201)
- Cerulean Summit color palette (#CDEAFA, #0087A5, #004866, #002130, #000204)
- Wandering Powder Basin color palette (#FCF1FB, #91AFE4, #634E57, #322731, #09110E)
- Cellar Cobalt color palette (#E2F0FF, #0080DF, #292251, #000816, #000201)
- Washed Cerulean color palette (#FDF3ED, #9ED9D5, #00899D, #00552D, #000F18)
- Inked Ultramarine color palette (#E6DAE4, #2950CD, #19072C, #060D10, #00000C)
- Hushed Navy color palette (#D2EDF3, #009EC6, #0069B2, #002191, #0A002A)
Browse the whole catalog at Explore, or see today's palette.