Twilit Canyon color palette — #CCEBDB · #005F86 · #002D67 · #2E002E · #000C19

Navy and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CCEBDB): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005F86): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#002D67): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#2E002E): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#000C19): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Lowlit Onyx color palette (#CDF1EC, #006567, #003643, #1D0049, #000E10)
• Lowlit Navy Orchard color palette (#FFDCE0, #0058A3, #200E87, #320021, #000827)
• Dusty Abyss Courtyard color palette (#DEF0FF, #63575A, #003E5B, #241C23, #000817)
• Navy Studio color palette (#FEE4ED, #006165, #002B65, #200F00, #000203)
• Tempered Cerulean color palette (#D6E2E0, #549CA5, #005361, #00302F, #00171F)
• Navy Station color palette (#D5EDFF, #0098B1, #0079A9, #004C9A, #000F1C)
• Muted Meadow color palette (#F5E5D3, #008286, #004796, #3F2400, #000E13)
• Dusty Aubergine color palette (#D1EBD7, #0097BC, #006DAD, #65257A, #000D16)

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