Lowlit Cocoa color palette — #F4EEE2 · #554500 · #222600 · #000E0C · #010100

Deep Olive and Onyx set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4EEE2): bright and airy, almost weightless.
• Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Onyx (#222600): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000E0C): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged retro, dark, muted.

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

• Obsidian Grove color palette (#E8E7D8, #376529, #003411, #1B1300, #000200)
• Wandering Basin color palette (#F1E4C6, #A77300, #6D5D00, #323C00, #010100)
• Velvet Chestnut color palette (#F2E0CA, #8F5300, #2B3700, #10002D, #020100)
• Patina Summit color palette (#E7E8D7, #438582, #004548, #00201A, #000202)
• Olive Field color palette (#EFE4C4, #778000, #275A00, #003339, #0B1100)
• Navy Dune color palette (#E2E1C0, #009574, #005F5C, #00198D, #001712)
• Muted Ridge color palette (#FFF1CE, #A19300, #526C00, #004849, #1D1E00)
• Worn Cypress Cabin color palette (#F6F3DF, #73AD75, #007E5E, #0E4C6D, #202510)

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