Worn Loft color palette — #FAF3F7 · #C5E6F7 · #70B8FA · #00A383 · #31375E

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#C5E6F7): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#70B8FA): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A383): A luminous, balanced teal — the color of glacier melt.
• Navy (#31375E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Aged Sky color palette (#FFF0FD, #A6E7EE, #1AB8F9, #009D61, #052A77)
• Aged Quarry color palette (#FBF2F6, #D8DDF4, #ABBBEE, #01AEAD, #4D3F67)
• Tempered Iris Hollow color palette (#F7EBEF, #B5D7F9, #909BF7, #009097, #37224C)
• Softworn Sky color palette (#EFF8F1, #D5D6E6, #30B3F1, #007F7F, #14304B)
• Taupe Chapel color palette (#E1FBFA, #C5DFFC, #C3BBE8, #9BA755, #194D54)
• Peony Villa color palette (#C6ECF5, #4DC4BA, #DF7AD2, #DF5180, #003330)
• Emerald Delta color palette (#D6F6F5, #8CD1A4, #EF8CB6, #00AD63, #5A1A39)
• Frosted Cobalt color palette (#EFE0E8, #6FAAC1, #2275CB, #005F50, #08002A)

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