Midnight Cabin color palette — #F6EFD9 · #524B00 · #002C4F · #0E0014 · #030100

Deep Olive and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6EFD9): A whisper-light, dusty green — the color of a quiet forest floor.
• Deep Olive (#524B00): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#002C4F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0E0014): A deep, shadowed, dusty pink — the color of neon signs at night.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, dark, muted.

Use it as a design system

One click turns Midnight Cabin 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

• Cellar Delta color palette (#EEEDDB, #374800, #120080, #14000F, #020100)
• Eclipse Grove color palette (#CCE7E3, #0F4200, #00202A, #110015, #020100)
• Deep Delta color palette (#EDE2D0, #4D7000, #003C2B, #13002B, #000200)
• Nightshade Veranda color palette (#E7E2D2, #6B6800, #4411CE, #2B1587, #060001)
• Olive Balcony color palette (#E2E6D6, #548D00, #00491C, #001812, #000201)
• Basalt Grove color palette (#EAE9E1, #BABCAC, #8C977B, #354200, #010100)
• Cellar Aubergine color palette (#E0ECD4, #006555, #580071, #320002, #010100)
• Emerald Orchard color palette (#E0E4C8, #A4A300, #009428, #00645A, #000200)

Browse the whole catalog at Explore, or see today's palette.