Worn Field color palette — #FAF4EF · #C1EAED · #96BFFF · #38AAB2 · #583E4F

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Frost (#C1EAED): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#96BFFF): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#38AAB2): A luminous, balanced blue — the color of open sky before noon.
• Cocoa (#583E4F): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Aqua Archive color palette (#FDF3EE, #BFEFE6, #65CCF5, #64A890, #2E4F47)
• Pale Azure Villa color palette (#EAF9F3, #95D4FF, #FFB963, #2F9EDB, #47413C)
• Timeworn Cabin color palette (#EFF7F7, #D4DCF9, #72AADD, #2586A6, #334964)
• Misty Hollow color palette (#CFEDCF, #70DDF7, #1CBAFC, #5487C4, #573850)
• Periwinkle Study color palette (#F8ECE1, #ABD9FF, #78A1FE, #008F9D, #2C2651)
• Chalky Cobalt color palette (#F6ECE5, #63ACC4, #007BBC, #005E56, #00022D)
• Turquoise Boulevard color palette (#FFF2EC, #7DEFF4, #00BDE6, #009C6D, #003657)
• Misty Pier color palette (#E2FCF2, #6CC9FF, #FF9555, #B7A553, #223F35)

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