Midnight Pine color palette — #F2ECFD · #207B44 · #3A002F · #21100B · #080006
Built around Olive, softened by Deep Indigo — the whole palette hums with nature and growth.
The five colors
- Blush (#F2ECFD): A whisper-light, dusty violet — the color of wild irises.
- Olive (#207B44): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#3A002F): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#21100B): A deep, shadowed, dusty orange — the color of toasted spice.
- Ink (#080006): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.
Use it as a design system
One click turns Midnight Pine 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 Bloom color palette (#E7DBE7, #486300, #262115, #2D0009, #040000)
- Hazy Emerald Study color palette (#FFE4E6, #139E3D, #610059, #21001D, #060001)
- Garnet Basin color palette (#EFE2EA, #92933E, #651D00, #260600, #050003)
- Garnet Courtyard color palette (#E5DEE4, #AA9BA1, #618670, #6B0015, #0A0109)
- Patina Corridor color palette (#F2D6DF, #8E7700, #475409, #3E2200, #0F0500)
- Washed Balcony color palette (#EDF4EE, #C6B181, #6A5020, #362400, #050F06)
- Pewter Corridor color palette (#F5EFF7, #9ECFC5, #844F5F, #3B2942, #18101B)
- Smoked Garnet Villa color palette (#E8DEED, #7E0043, #263F00, #001F2E, #040001)
Browse the whole catalog at Explore, or see today's palette.