Twilit Lagoon color palette — #CFF3FA · #006674 · #00203A · #001014 · #000202
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#CFF3FA): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006674): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#00203A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#001014): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000202): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Forest Boulevard color palette (#DAE7C7, #006C49, #002426, #091000, #000200)
- Lowlit Petrol color palette (#D9EDE7, #006EAB, #24254D, #001E17, #000A09)
- Hushed Cerulean color palette (#D3E4EB, #00A4B8, #195D91, #003C45, #00090C)
- Denim Villa color palette (#FDE4FE, #0053A3, #2C0D1F, #110313, #000603)
- Hushed Cerulean Cabin color palette (#E9F5EE, #3788A1, #453745, #202C25, #0F1715)
- Indigo Pier color palette (#EFDFE8, #6E63B6, #45292F, #281A22, #12090C)
- Lowlit Aubergine color palette (#FCDAE8, #514500, #4A0089, #1D1403, #150011)
- Feathered Sapphire Meadow color palette (#D8E4F3, #006FD5, #8C5600, #505205, #00234C)
Browse the whole catalog at Explore, or see today's palette.