Twilit Coast color palette — #D7E4D8 · #005F62 · #2A3038 · #001B2A · #000303

Built around Peacock, softened by Midnight — the whole palette hums with sophistication and depth.

The five colors

• Bone (#D7E4D8): A whisper-light, dusty green — the color of new leaves after rain.
• Peacock (#005F62): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#2A3038): quiet, heavy and certain.
• Midnight (#001B2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000303): a grounded near-black with real depth.

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

Use it as a design system

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

• Lowlit Market color palette (#D6E3D8, #007981, #003944, #0D1D1E, #000A02)
• Timeworn Courtyard color palette (#CEF8FA, #6D6661, #00595D, #18191F, #00060D)
• Cobalt Study color palette (#DCEFE9, #008DDA, #3D3F6F, #022943, #05160C)
• Wandering Basin color palette (#F8E8D7, #94832F, #475C00, #004333, #140F00)
• Iris Orchard color palette (#F2DEE8, #8C81DA, #60444A, #3D2533, #1C161C)
• Antique Thicket color palette (#D7F4E9, #0081B5, #995000, #004B6B, #1C0A00)
• Hushed Cobalt color palette (#F5E2F5, #2471C9, #472639, #011631, #000603)
• Soft Alley color palette (#BFECEA, #008896, #005C79, #003151, #00074A)

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