Twilit Quarry color palette — #D3EAFB · #0067A6 · #003570 · #000C52 · #020025

Peacock takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D3EAFB): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#0067A6): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003570): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#000C52): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#020025): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Depth, Luxury. Tagged dark, cool.

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

• Navy Coast color palette (#D5E3ED, #007AC9, #0056A0, #002A86, #050847)
• Obsidian Petrol color palette (#C9E5EE, #006B8B, #003D59, #001C31, #000612)
• Navy Lagoon color palette (#CEE9F0, #0093CF, #004F8C, #190069, #060018)
• Feathered Denim Grove color palette (#F6E6F7, #005AAA, #005833, #002954, #000401)
• Charred Ridge color palette (#D7E7FF, #1852E4, #2300A2, #12004E, #030015)
• Byzantium Pier color palette (#F8DDEF, #9E95E5, #994CD6, #1C3883, #060120)
• Electric Alley color palette (#E3F0FF, #388CFF, #112DFE, #1E009B, #170D54)
• Obsidian Pier color palette (#E1E0FE, #6628C6, #4D0087, #28003F, #09000E)

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