Lowlit Cocoa Station color palette — #F9E1D7 · #7A2E00 · #004655 · #1D274B · #030000

A conversation between Rust and Midnight, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#F9E1D7): A whisper-light, dusty orange — the color of toasted spice.
• Rust (#7A2E00): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#004655): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#1D274B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Lowlit Cocoa Station 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

• Eclipse Dune color palette (#F6EADB, #523500, #00335A, #1B006A, #020100)
• Twilit Mulberry color palette (#FFE5ED, #87004A, #004A39, #00303C, #040001)
• Shadow Nightshade color palette (#F3E9CC, #594700, #0F00BD, #33007E, #020100)
• Bronze Market color palette (#FFE6D2, #AB5300, #5F2C00, #190900, #030100)
• Washed Amber Balcony color palette (#F4DFD8, #C88800, #6B822B, #681F32, #0F0400)
• Washed Aubergine color palette (#FDD9C6, #A24800, #006B52, #4D2DA0, #120400)
• Linen Bronze color palette (#F5DDCD, #B66014, #006E91, #004B89, #1B0800)
• Weathered Mulberry Meadow color palette (#F9DAC4, #9A5100, #4C6200, #79044C, #030100)

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