Soft Loft color palette — #DDE4F0 · #B18607 · #142F7F · #01083E · #000107
Built around Navy, softened by Mustard — the whole palette hums with optimism and creativity.
The five colors
- Frost (#DDE4F0): bright and airy, almost weightless.
- Mustard (#B18607): A luminous, balanced gold — the color of old brass.
- Navy (#142F7F): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#01083E): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#000107): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.
Use it as a design system
One click turns Soft 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
- Navy Dune color palette (#E3E9F6, #A9A354, #323F85, #121939, #02050E)
- Softworn Aubergine color palette (#E2E6F4, #709D4B, #3F0D8E, #140535, #01010B)
- Amber Thicket color palette (#DDE8F2, #CD6F59, #003D5E, #001423, #000205)
- Velvet Olive Coast color palette (#DFE2F4, #3B7A00, #280050, #240F1D, #04000F)
- Mulberry Coast color palette (#F5EEFF, #A5B22B, #831065, #3E002E, #0A0511)
- Powdered Nightshade Parlor color palette (#FFF0FD, #57D5A7, #2347A9, #030F47, #030003)
- Tempered Nightshade color palette (#E7E8F2, #CCC9D9, #AC9DB5, #5C458D, #131522)
- Antique Harbor color palette (#D4E7F8, #006BA0, #5E5700, #00412A, #000814)
Browse the whole catalog at Explore, or see today's palette.