Twilit Quarry color palette — #F9E7DF · #786E00 · #3E0101 · #1F1907 · #100000

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

The five colors

• Rose Water (#F9E7DF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Olive (#786E00): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#3E0101): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1F1907): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#100000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, 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

• Nocturne Olive color palette (#FFE3E5, #637600, #37002F, #1A0F02, #0D000A)
• Driftwood Corridor color palette (#EEE8E2, #AFA89B, #8B8138, #522E00, #200F00)
• Dusty Bronze color palette (#EFE1D9, #B77100, #641C00, #220500, #040100)
• Inked Canyon color palette (#FEE6C9, #834500, #2E3400, #1E0048, #120900)
• Aged Marigold color palette (#FFF3E4, #C19C3D, #624100, #362200, #161400)
• Brick Corridor color palette (#F0DBED, #AA9700, #A80018, #4C0E0F, #050004)
• Misty Harbor color palette (#F6E4DA, #B53503, #143E00, #490F00, #000200)
• Wandering Chestnut Studio color palette (#FCF3ED, #CEBE9E, #854F1F, #562C00, #2A261B)

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