Misty Loft color palette — #FFDEDA · #CC031C · #007260 · #004B71 · #070000

A conversation between Crimson and Teal, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FFDEDA): A whisper-light, dusty orange — the color of toasted spice.
• Crimson (#CC031C): A full-bodied, vivid orange — the color of toasted spice.
• Teal (#007260): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#004B71): A deep, shadowed, balanced blue — the color of deep harbor water.
• Black (#070000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Misty 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

• Soft Delta color palette (#F9DCED, #B84B0A, #007072, #003F88, #060003)
• Aged Mulberry color palette (#F1E0F0, #9C002B, #004E5C, #002F38, #050005)
• Softworn Harbor color palette (#E4DAEA, #DA2C89, #0F600D, #005155, #040008)
• Ancient Bronze color palette (#E1F6E5, #B16400, #665B00, #004058, #060300)
• Misty Nightshade color palette (#F1DCC2, #936100, #006B8D, #393496, #000300)
• Ember Pier color palette (#EADBE6, #EC492A, #736400, #A11D00, #020200)
• Aged Amber color palette (#FFEBD4, #C47E10, #008DA7, #4F52A8, #160A00)
• Aubergine Coast color palette (#DFF6E6, #957800, #0075B9, #633C96, #070400)

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