Soft Field color palette — #F9ECE2 · #93CEE8 · #428BCD · #006C68 · #1F2A55

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9ECE2): a clean, paper-quiet neutral.
• Sky (#93CEE8): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#428BCD): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006C68): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1F2A55): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Aged Azure color palette (#F0F7F2, #D2DEFC, #2D9AE1, #006970, #001C47)
• Periwinkle Alley color palette (#FDF3EB, #AEDBFA, #7296D2, #007B82, #4D3042)
• Hushed Terrace color palette (#F5EDE6, #90BDA7, #2F69AE, #005145, #2A2751)
• Worn Forest color palette (#F0DDD3, #59C5C0, #008396, #005D32, #002333)
• Pale Pine color palette (#FFF2EC, #7DF1F1, #17ADCC, #008757, #004467)
• Frosted Workshop color palette (#E6DCD3, #5599CF, #3251A8, #003A41, #0A0026)
• Washed Powder color palette (#FBF4EE, #C3F1F3, #96B3DB, #569294, #5F4C58)
• Patina Lantern color palette (#E2F5CF, #81E5F3, #89B0ED, #5B7F3D, #243B22)

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