Twilit Lagoon color palette — #F4EFDE · #3B3A00 · #002660 · #230027 · #020200
A conversation between Midnight and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4EFDE): A whisper-light, dusty green — the color of fresh herbs.
- Deep Olive (#3B3A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Midnight (#002660): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#230027): A deep, shadowed, balanced pink — the color of a candy shop window.
- Black (#020200): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged dark, muted.
Use it as a design system
One click turns Twilit 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
- Deep Lantern color palette (#EAE9D7, #243000, #000B5B, #14000D, #040100)
- Charred Basin color palette (#E1E8D2, #004325, #3E005F, #2A0010, #000201)
- Twilit Forest Loft color palette (#EBE2D0, #0B5A0D, #002B26, #190025, #000502)
- Aubergine Field color palette (#F0F0DF, #595500, #49219F, #2C0D67, #000201)
- Softworn Spruce Orchard color palette (#E9EAE0, #969D87, #637857, #143400, #0A0A00)
- Dusty Aubergine Drift color palette (#E6ECD4, #00632F, #58009A, #4F002A, #001205)
- Soft Boulevard color palette (#D4EDCD, #00786F, #98007F, #6B2000, #002622)
- Linen Nightshade color palette (#E1E0C0, #58811F, #3625A5, #600850, #1E1C00)
Browse the whole catalog at Explore, or see today's palette.