Twilit Basalt Harbor color palette — #D3ECDE · #3F3900 · #002741 · #210010 · #010100

Deep Olive takes the lead with Ink close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D3ECDE): A whisper-light, dusty teal — the color of shallow lagoons.
• Deep Olive (#3F3900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Midnight (#002741): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#210010): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Smoked Onyx color palette (#D3F0EC, #013A08, #0C004F, #180001, #000200)
• Fern Ridge color palette (#FFE7D9, #4A5E00, #003730, #290020, #000200)
• Shadow Garden color palette (#D0E3E2, #3E4148, #004220, #11151A, #000808)
• Smoked Study color palette (#F0D7E7, #762200, #002C2E, #1A002A, #040000)
• Wandering Harbor color palette (#D6E2DE, #89A7A5, #5A848B, #2E3C00, #000604)
• Aubergine Summit color palette (#DEEFF1, #00604E, #53006C, #241300, #000102)
• Aged Aubergine Alley color palette (#ECEFDC, #366C00, #00475F, #240060, #040100)
• Hazy Aubergine color palette (#E6F4FE, #0084AE, #6E4292, #653800, #001A1E)

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