Worn Loft color palette — #F9F4ED · #BDE4F0 · #70C7EE · #16958E · #20483D

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

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Powder Blue (#BDE4F0): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#70C7EE): A luminous, balanced blue — the color of deep harbor water.
• Fern (#16958E): A luminous, balanced teal — the color of sea glass.
• Forest (#20483D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Sky Terrace color palette (#FDF4E6, #D5DBEF, #01C0F0, #00897D, #003956)
• Antique Boulevard color palette (#F8F5EF, #C4DFF0, #8EBDFF, #2C90A7, #50354A)
• Softworn Cypress Villa color palette (#EEF7F6, #BFE3F4, #4C95AE, #007075, #274C63)
• Worn Petrol color palette (#F5EDE0, #71C3E3, #006EA3, #003D40, #00020A)
• Azure Basin color palette (#FBF4E9, #BDEFFF, #009DDA, #006A6A, #001F3C)
• Sunlit Mustard Lagoon color palette (#FFF1F1, #F499CD, #B9AE00, #3B9FC1, #3C2323)
• Sapphire Harbor color palette (#FCF4E7, #A0D2F9, #0675EE, #004F5F, #050332)
• Tempered Ash Lagoon color palette (#FFF1F1, #E2D8D0, #A9B6B0, #BD9AC4, #5E4341)

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