Softworn Loft color palette — #E0F3F0 · #87C1D2 · #007292 · #003D42 · #000306

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

The five colors

• Cream (#E0F3F0): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#87C1D2): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007292): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Tempered Terrace color palette (#DDECE8, #76ACB9, #006164, #002C24, #000102)
• Tempered Study color palette (#E7FAF8, #A9D1EF, #0881C2, #004F61, #000D1E)
• Tempered Cobalt color palette (#F8E9F2, #6ABED5, #008CCC, #006E62, #000F3A)
• Lapis Villa color palette (#DBF1F4, #009378, #3149F4, #004738, #00000B)
• Turquoise Station color palette (#CCFFED, #89DFD6, #00BAC8, #006A42, #000C09)
• Wandering Pine color palette (#E0F5E9, #007B51, #00617E, #504200, #000201)
• Azure Veranda color palette (#EAF9F7, #D0DDF1, #00A5E9, #007082, #002742)
• Worn Teal color palette (#92F6D9, #00AF8F, #006150, #001E17, #000201)

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