Midnight Canyon color palette — #EBE4F3 · #357B00 · #3B0029 · #271115 · #090004
A conversation between Olive and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Frost (#EBE4F3): A whisper-light, dusty violet — the color of a velvet chair.
- Olive (#357B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#3B0029): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#271115): A deep, shadowed, dusty red — the color of late-summer berries.
- Ink (#090004): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Depth, Luxury. Tagged luxury, dark, muted.
Use it as a design system
One click turns Midnight 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
- Inked Fern color palette (#ECDAE9, #575E00, #242116, #2E0002, #050000)
- Frosted Station color palette (#FEE5E3, #549555, #68003F, #240012, #060002)
- Patina Bronze Harbor color palette (#D1E4D4, #967200, #382600, #141B20, #0D0600)
- Worn Driftwood Harbor color palette (#F8E1EC, #9C8F38, #5A2900, #210B00, #060002)
- Weathered Garnet Loft color palette (#F4ECF2, #AB9BA0, #638475, #661104, #0B0109)
- Weathered Lagoon color palette (#E9F5ED, #CEAE7A, #635417, #302700, #040F08)
- Plum Boulevard color palette (#E8DFEC, #A53C67, #303C00, #510029, #010100)
- Cocoa Studio color palette (#FFEBF8, #AFAD4D, #802E0D, #3D0F00, #12020D)
Browse the whole catalog at Explore, or see today's palette.