Twilit Basalt color palette — #CDEAD6 · #005C69 · #3C4300 · #00252C · #050700

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

The five colors

• Honeydew (#CDEAD6): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005C69): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#3C4300): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#00252C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#050700): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Twilit Basalt 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 Cocoa color palette (#E4F4EA, #005567, #642500, #00232B, #030000)
• Deep Aubergine color palette (#D1ECF7, #00465A, #390A82, #002C18, #000203)
• Soft Lapis Study color palette (#F7DDED, #5447C1, #005850, #29007F, #001411)
• Petrol Corridor color palette (#D5E4EE, #006F98, #002E43, #251E25, #000A12)
• Antique Bloom color palette (#CEEAFB, #007493, #A70901, #003E51, #140000)
• Soft Studio color palette (#DDF1EA, #005684, #6E0059, #002339, #11000C)
• Patina Terrace color palette (#D9EDE4, #5F96C7, #4B6CB5, #003845, #00121E)
• Chestnut Veranda color palette (#F3E4D0, #6F5509, #3B2700, #1B0D00, #050300)

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