Soft Loft color palette — #F4F7EC · #BDE6D2 · #36A7E0 · #008094 · #03436B
Built around Cyan, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F7EC): bright and airy, almost weightless.
- Celadon Mist (#BDE6D2): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#36A7E0): A luminous, balanced blue — the color of deep harbor water.
- Teal (#008094): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#03436B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Muted Summit color palette (#EEF2DF, #70ACC1, #007096, #004952, #001625)
- Wandering Teal Harbor color palette (#F6F6EC, #C6DCC3, #00AAAE, #007E69, #00434A)
- Tempered Azure color palette (#F3F7E9, #8DD5FE, #0094E1, #006F88, #003460)
- Timeworn Powder color palette (#FFF0F8, #C2ECFF, #79BCFF, #00A6A2, #323D65)
- Ancient Cerulean color palette (#F4F6F0, #CAE3E7, #C4A5C6, #4490B4, #624960)
- Soft Grove color palette (#E2F2CE, #00B786, #009CD1, #8F7E00, #003A29)
- Mint Veranda color palette (#DBF1E1, #4DCF8D, #009F77, #007862, #005146)
- Frosted Pier color palette (#D5FFFA, #22DDCD, #00A193, #005F56, #002A27)
Browse the whole catalog at Explore, or see today's palette.