Twilit Onyx color palette — #D7E6DB · #007684 · #062957 · #001F0C · #010C06
A conversation between Midnight and Teal, giving this palette its sense of nature and growth.
The five colors
- Parchment (#D7E6DB): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#007684): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#062957): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#001F0C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#010C06): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Twilit Onyx 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
- Petrol Harbor color palette (#D1E5DC, #006C93, #371A2E, #011910, #000604)
- Shadow Alley color palette (#E8F1DB, #007C53, #003138, #131C01, #060A04)
- Tempered Turquoise Boulevard color palette (#C7E9F8, #00B4CD, #4B6A88, #244755, #001519)
- Worn Studio color palette (#D9F3E1, #0097AD, #224962, #182C1F, #0C140C)
- Sapphire Workshop color palette (#F8E3F8, #0062D2, #351C4E, #221023, #07150D)
- Midnight Onyx Courtyard color palette (#C8ECE0, #004A72, #0A191C, #110033, #000308)
- Tempered Indigo Cabin color palette (#FDEDF5, #7871BF, #513336, #30252B, #111A1B)
- Frosted Cerulean color palette (#D2F1FF, #008CB6, #867100, #3E6828, #003648)
Browse the whole catalog at Explore, or see today's palette.