Pale Field color palette — #DADFFF · #C3C4FF · #AB9EF0 · #8A74B8 · #434265

Built around Wisteria, softened by Slate Blue — the whole palette hums with creativity and balance.

The five colors

• Frost (#DADFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#C3C4FF): A whisper-light, balanced violet — the color of a velvet chair.
• Wisteria (#AB9EF0): A luminous, balanced violet — the color of a velvet chair.
• Slate Blue (#8A74B8): A luminous, balanced violet — the color of wild irises.
• Navy (#434265): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Pale 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 Workshop color palette (#EDD6FF, #DFB2F0, #CB8FD1, #B073A8, #4B3C5F)
• Powdered Station color palette (#FEF0FF, #CAD4FF, #9E90ED, #8E55A7, #563155)
• Sunlit Coast color palette (#FFE0F4, #A6A2F0, #7E65D3, #5A3F86, #411F2D)
• Worn Sky Alley color palette (#C1E9FF, #93D5FF, #66B5F3, #5687BC, #304866)
• Tempered Mallow color palette (#F4F4FF, #EDC7FF, #CA9FDD, #946FA8, #391E44)
• Lilac Balcony color palette (#F3F4FF, #D6BFFB, #F7A78B, #AC8CDD, #613526)
• Hazy Ridge color palette (#F4F4FF, #D6A8F6, #F4959B, #6DACDF, #36354E)
• Tempered Loft color palette (#F4F4FF, #F2D6DD, #E9B69D, #BCAADA, #4E4A61)

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