Twilit Lagoon color palette — #EDDDEA · #B50413 · #563B00 · #1F0D00 · #030003

Built around Ruby, softened by Cocoa — the whole palette hums with optimism and energy.

The five colors

• Shell Pink (#EDDDEA): A whisper-light, dusty pink — the color of a candy shop window.
• Ruby (#B50413): A full-bodied, vivid orange — the color of autumn markets.
• Cocoa (#563B00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1F0D00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Energy, 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

• Nocturne Workshop color palette (#FBE3EC, #8E4C00, #493E00, #181200, #040001)
• Frosted Scarlet Terrace color palette (#F9E8F6, #E30222, #5A3B08, #291526, #030007)
• Shadow Pier color palette (#FADED2, #860307, #27302A, #1C0800, #0B0000)
• Feathered Tangerine color palette (#FFE2E1, #FA631E, #9C5500, #4D3400, #110C00)
• Amber Orchard color palette (#FFEAD7, #DF8822, #0074AE, #714000, #000812)
• Midnight Balcony color palette (#F9D7E3, #AC0066, #2B0100, #0E060E, #030005)
• Tangerine Lagoon color palette (#FFF0FA, #FF6633, #3A4C39, #271923, #070408)
• Marigold Quarry color palette (#EDF9EC, #DEA051, #455A50, #252E24, #130D11)

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