Midnight Harbor color palette — #FFE6F0 · #6B5D0F · #1B3200 · #18083D · #000803
A conversation between Deep Indigo and Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE6F0): A whisper-light, dusty rose — the color of strawberry cream.
- Olive (#6B5D0F): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#1B3200): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Deep Indigo (#18083D): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#000803): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Creativity, Sophistication, Depth, Luxury. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Midnight Harbor 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
- Midnight Fern Summit color palette (#DBF3E0, #506710, #00341E, #2C0222, #040700)
- Timeworn Coast color palette (#D4E7D7, #827600, #3E4C00, #2E224E, #070600)
- Aged Spruce Station color palette (#F0E4F1, #4A8E88, #004452, #032401, #000A17)
- Olive Boulevard color palette (#D8EADE, #598939, #00513D, #421B4B, #00201B)
- Mulberry Meadow color palette (#FCE4FC, #9A0029, #004945, #44000D, #000807)
- Patina Olive color palette (#FCECDA, #938A4B, #4D6E09, #453F75, #070600)
- Patina Cabin color palette (#EADBF1, #C87339, #6B7600, #550F5E, #190113)
- Forest Summit color palette (#DEE8DD, #8D923E, #066722, #42355C, #0A3024)
Browse the whole catalog at Explore, or see today's palette.