Twilit Lagoon color palette — #DFF6F2 · #005952 · #3805A0 · #002421 · #010009
Built around Indigo, softened by Peacock — the whole palette hums with creativity and energy.
The five colors
- Cream (#DFF6F2): A whisper-light, dusty teal — the color of shallow lagoons.
- Peacock (#005952): A full-bodied, dusty teal — the color of shallow lagoons.
- Indigo (#3805A0): A deep, shadowed, vivid violet — the color of wild irises.
- Onyx (#002421): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
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
- Inked Navy color palette (#D9F0EF, #004543, #002D6B, #1B2800, #000201)
- Midnight Harbor color palette (#DEF4FF, #005470, #274500, #002230, #010200)
- Lowlit Harbor color palette (#D9E7D5, #005F55, #75003D, #002722, #130005)
- Chalky Ridge color palette (#E8F1FE, #2382FB, #008756, #00489C, #001C0E)
- Chalky Terrace color palette (#CFE7F9, #0074A0, #91008F, #003B54, #130013)
- Charred Fern color palette (#CAEAF7, #3D6500, #383034, #00181C, #000102)
- Cerulean Studio color palette (#CAE5ED, #119BAD, #006C8C, #003832, #000406)
- Worn Byzantium color palette (#DFF3FB, #008FA1, #8840C2, #00505A, #1C0130)
Browse the whole catalog at Explore, or see today's palette.