Soft Field color palette — #D2EBFE · #7FB7FF · #6588FF · #5F55DE · #351F69
Built around Iris, softened by Periwinkle — the whole palette hums with trust and stability.
The five colors
- Frost (#D2EBFE): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#7FB7FF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Periwinkle (#6588FF): A luminous, vivid violet — the color of wild irises.
- Iris (#5F55DE): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#351F69): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
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
- Weathered Sapphire Drift color palette (#DCF5FF, #37B5FD, #0A96F5, #2C5BDE, #24286A)
- Chalky Indigo Basin color palette (#E1F5FF, #82BDFF, #4B68FF, #5C29C8, #31004B)
- Aged Lapis color palette (#EBE8FF, #C0B9FF, #A07FFF, #654ECB, #210052)
- Quiet Orchid Lantern color palette (#EBEFFF, #A7A4FF, #A95EFF, #8F39BE, #4D0251)
- Quiet Wisteria color palette (#DDE1EF, #BDBAFF, #B682FF, #9659B6, #5C2859)
- Indigo Orchard color palette (#DDE3FF, #9FAFFF, #CEB020, #5F6AF3, #372D00)
- Lucid Ultramarine Thicket color palette (#CFE4FF, #4687FF, #232FFB, #24009D, #1B0056)
- Hushed Periwinkle Market color palette (#FFF0F8, #F4D0E8, #FFB3BF, #699EF5, #372C52)
Browse the whole catalog at Explore, or see today's palette.