Midnight Lagoon color palette — #F5DDCA · #5A2F00 · #003A32 · #2F0058 · #030100
A conversation between Deep Indigo and Cocoa, giving this palette its sense of optimism and sophistication.
The five colors
- Parchment (#F5DDCA): A whisper-light, dusty gold — the color of honey in a jar.
- Cocoa (#5A2F00): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#003A32): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#2F0058): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#030100): a grounded near-black with real depth.
Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.
Use it as a design system
One click turns Midnight Lagoon 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 Courtyard color palette (#FAE5CD, #593700, #00394D, #101F37, #030100)
- Inked Navy color palette (#FFE0DB, #740305, #003D13, #0B0072, #040000)
- Chestnut Ridge color palette (#F3E9D5, #705300, #293435, #191300, #020100)
- Aubergine Workshop color palette (#FEDDEA, #824700, #005A4F, #500090, #040100)
- Garnet Studio color palette (#E2EDD3, #3B5200, #00416C, #5B0025, #010100)
- Garnet Loft color palette (#F6E1D0, #A78740, #636C10, #610F01, #050200)
- Moss Delta color palette (#F9F2D6, #8B9541, #3788B3, #94546E, #241E03)
- Soft Dune color palette (#FFDFB9, #B37300, #008782, #8333AF, #241400)
Browse the whole catalog at Explore, or see today's palette.