Lowlit Cocoa color palette — #FFDDF0 · #843600 · #004657 · #391300 · #00070B

Rust and Espresso set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#FFDDF0): A whisper-light, dusty pink — the color of peonies in June.
• Rust (#843600): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#004657): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#391300): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#00070B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

Use it as a design system

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

• Gentle Coast color palette (#FAE8F9, #9A0027, #004942, #44000C, #000806)
• Hushed Navy Pier color palette (#E0F2E0, #6D4900, #003C7D, #2E1C00, #000515)
• Velvet Cocoa color palette (#FFE8DD, #692800, #003853, #131D3A, #050100)
• Lowlit Chestnut color palette (#FDEBE1, #8D5000, #492600, #13170E, #120400)
• Eclipse Aubergine Orchard color palette (#FFE2D2, #852800, #500089, #3A0C00, #020006)
• Feathered Orchard color palette (#F5DAE9, #A94700, #086B15, #5E2400, #000900)
• Aubergine Corridor color palette (#E8EBD0, #616400, #5101C1, #2D2F00, #110036)
• Muted Bronze color palette (#F2D5DE, #B06D00, #0070AD, #673E00, #002C47)

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