Softworn Field color palette — #F3EEE5 · #9FCAE9 · #2686EC · #00697B · #212C4E

A conversation between Azure and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F3EEE5): bright and airy, almost weightless.
• Sky (#9FCAE9): A luminous, dusty blue — the color of deep harbor water.
• Azure (#2686EC): A luminous, vivid blue — the color of open sky before noon.
• Peacock (#00697B): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#212C4E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Patina Cerulean color palette (#F3EEE6, #86D2E1, #0094BC, #006D65, #00314D)
• Tempered Sapphire color palette (#F8ECE2, #78BAE3, #3F61BD, #00504D, #30254D)
• Periwinkle Terrace color palette (#F9EAF0, #B6D8F3, #76A5F1, #009098, #282753)
• Washed Turquoise Corridor color palette (#FAF4EC, #ACE7EF, #00ACD4, #008476, #104561)
• Aged Petrol Field color palette (#E9E2D8, #64ADC7, #006E9F, #004A4C, #00142D)
• Ancient Cerulean Parlor color palette (#F8F5EF, #CAE8EC, #96B2E0, #4991A7, #614A5B)
• Soft Rose Balcony color palette (#FFE8E3, #DD496C, #5A8B00, #006BB9, #380F18)
• Hazy Plum Workshop color palette (#F2D7D2, #E7668E, #009B8C, #B60058, #00312B)

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