Twilit Quarry color palette — #F4D9E6 · #A04C00 · #533400 · #00152F · #030100

Ochre takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F4D9E6): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#A04C00): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#533400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Midnight (#00152F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#030100): a grounded near-black with real depth.

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

Use it as a design system

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

• Cellar Cocoa Atelier color palette (#F2DDE6, #723700, #013407, #00121E, #030004)
• Lowlit Chestnut Study color palette (#FFE9F1, #945600, #0F4902, #220037, #020100)
• Cellar Meadow color palette (#F5DFF8, #B81F4D, #334300, #130047, #040001)
• Ancient Bronze color palette (#F8DACB, #A96C00, #5F4E00, #252D00, #000400)
• Charred Byzantium Market color palette (#E7E6FF, #8C37B6, #4F3700, #001727, #030005)
• Chalky Aubergine Study color palette (#F1E2F0, #BC7763, #776316, #4D205E, #120016)
• Faded Pine color palette (#F1E2D7, #C36200, #117916, #004A66, #110016)
• Nightshade Summit color palette (#FFF0F9, #F76705, #796C00, #3700AF, #240800)

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