Dusty Loft color palette — #CDE6CB · #546BFF · #007F95 · #000C13 · #000103

Sapphire and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#CDE6CB): A whisper-light, dusty green — the color of new leaves after rain.
• Sapphire (#546BFF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Teal (#007F95): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000C13): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Dusty Loft 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

• Cobalt Workshop color palette (#E7E2F3, #0087CB, #008472, #010E11, #000102)
• Airy Market color palette (#FBE9DC, #9B72FF, #009393, #091B22, #020B02)
• Washed Bloom color palette (#FFDBE4, #BC01F3, #0074C7, #09091A, #000104)
• Navy Villa color palette (#D2E7F4, #0084AB, #0036A2, #003C50, #000105)
• Sapphire Balcony color palette (#CEE6FE, #2B73EA, #2335AA, #1B0060, #060018)
• Wandering Summit color palette (#DBE7F1, #A4B5C9, #7E8FA8, #00486F, #020C16)
• Hushed Courtyard color palette (#FFDDD3, #FF4CA3, #8574FF, #160C3D, #02040D)
• Charred Workshop color palette (#CDE4EC, #005E64, #442B90, #222C00, #000303)

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