Midnight Coast color palette — #F7ECD7 · #4A3B00 · #1D251A · #001A49 · #160400
A conversation between Midnight and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7ECD7): A whisper-light, dusty gold — the color of honey in a jar.
- Deep Olive (#4A3B00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Onyx (#1D251A): A deep, shadowed, dusty green — the color of fresh herbs.
- Midnight (#001A49): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#160400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged dark, muted.
Use it as a design system
One click turns Midnight Coast 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
- Cocoa Harbor color palette (#F3E0CE, #593200, #00222F, #241606, #160013)
- Eclipse Onyx Villa color palette (#EBEED5, #0E4A04, #310043, #1A1E11, #1B0000)
- Inked Spruce Balcony color palette (#E2EFD4, #4F545B, #003727, #0E1E1D, #000507)
- Airy Cabin color palette (#E2E5CD, #27700D, #400B6F, #2A1D00, #0C0E00)
- Aubergine Dune color palette (#DEF0C6, #00825C, #7C0081, #273A00, #002614)
- Worn Abyss color palette (#EEDFDA, #4B8D8F, #004359, #00240D, #00081D)
- Dusty Lantern color palette (#E6E2D0, #487A62, #00445C, #411409, #1C0D00)
- Linen Grove color palette (#F5F3E2, #6A820D, #524692, #4D3600, #262800)
Browse the whole catalog at Explore, or see today's palette.