Twilit Veranda color palette — #EFD9E0 · #5A2E00 · #00282D · #0B0036 · #040001

Deep Indigo and Cocoa set the tone — five colors that lean into optimism and creativity.

The five colors

• Shell Pink (#EFD9E0): A whisper-light, dusty rose — the color of pressed rose petals.
• Cocoa (#5A2E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Midnight (#00282D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#0B0036): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040001): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.

Use it as a design system

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

• Moonless Garnet color palette (#E7DAE4, #700303, #002C20, #001526, #030003)
• Twilit Basalt color palette (#E1F2E9, #404300, #002548, #1A001F, #030100)
• Eclipse Chestnut color palette (#EEE1C6, #6D5000, #273400, #00132E, #020200)
• Dusty Navy Dune color palette (#FBEBDE, #854600, #004A4E, #1C006A, #080002)
• Basalt Garden color palette (#DEE3DE, #94A59A, #5C8677, #4A3000, #000601)
• Powdered Nightshade color palette (#E2F7F5, #449260, #5E4B9B, #731E3B, #041A0C)
• Twilit Study color palette (#E2F3F0, #205200, #2C008D, #3C0020, #020100)
• Pale Onyx color palette (#CEE5DB, #566000, #003C7C, #460044, #080200)

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