Twilit Basin color palette — #D8EFFF · #006C8F · #12283A · #05151F · #020409

A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.

The five colors

• Frost (#D8EFFF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006C8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#12283A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#05151F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020409): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Twilit Basin 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

• Nocturne Ultramarine Courtyard color palette (#DDE5F8, #5156B2, #1F243C, #0D1322, #040409)
• Cellar Denim color palette (#D1EAFF, #004A70, #2B2023, #000E25, #000309)
• Azure Atelier color palette (#D6F0E4, #00A9DE, #3F6684, #254437, #080F0B)
• Cerulean Balcony color palette (#D3EDE0, #008DB5, #51344F, #06291B, #061007)
• Cobalt Study color palette (#EDF2FE, #7675B3, #393B4C, #242834, #15141B)
• Lowlit Hollow color palette (#E9EEFF, #3B2EE6, #1E1149, #060729, #02010D)
• Airy Indigo Drift color palette (#D8E5FF, #5C6FD4, #A14489, #006771, #21284B)
• Shadow Pier color palette (#E9E6FF, #7E1A9A, #290E27, #191208, #090618)

Browse the whole catalog at Explore, or see today's palette.