Softworn Loft color palette — #F5F6EC · #9CF7FF · #00A4B9 · #006A65 · #00232C

A conversation between Cerulean and Sea Foam, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Sea Foam (#9CF7FF): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#00A4B9): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006A65): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00232C): A deep, shadowed, dusty blue — the color of deep harbor water.

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 Azure color palette (#F4F7EC, #CBEBFF, #2299E7, #00667F, #001E3F)
• Wandering Turquoise Field color palette (#E3E5D8, #47B1CE, #005D7A, #002B2F, #000103)
• Tempered Grove color palette (#DAF7F3, #00C3C0, #008489, #00545C, #001F25)
• Misty Moss color palette (#E5FCE8, #00C1CB, #9E9600, #007178, #1B1900)
• Feathered Ridge color palette (#DCFFEA, #00A2C3, #7B67F2, #008044, #000F15)
• Timeworn Turquoise Lantern color palette (#F3EEE6, #9CE1E6, #38B5D2, #00937D, #003347)
• Cobalt Grove color palette (#F4F7E8, #7ADAFF, #0085B6, #00505B, #000E1B)
• Petrol Dune color palette (#FAEBE5, #97BC9D, #007299, #00532E, #102C5A)

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