Periwinkle Field color palette — #F5F7E7 · #90A6DC · #8A6B8B · #3D6444 · #54414B
Built around Mauve, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F7E7): A whisper-light, dusty green — the color of fresh herbs.
- Mauve (#90A6DC): A luminous, balanced violet — the color of a velvet chair.
- Slate (#8A6B8B): A full-bodied, dusty pink — the color of peonies in June.
- Pine (#3D6444): A full-bodied, dusty green — the color of fresh herbs.
- Cocoa (#54414B): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Periwinkle 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
- Hushed Chestnut color palette (#FEF4E2, #6DB3CD, #70729F, #745302, #314F47)
- Antique Iris color palette (#FFF0F8, #978FC8, #8D6747, #4F592B, #1F4C38)
- Cocoa Ridge color palette (#FDECF7, #B8A0CD, #92688C, #77412B, #2C283F)
- Tempered Chapel color palette (#FBF3EF, #C8EAE7, #749FBD, #5E7754, #604A5F)
- Wandering Bronze color palette (#FFF2EB, #CDB1E2, #B180A8, #9E5A3C, #5C3E45)
- Olive Delta color palette (#FFF0FC, #D0B7BF, #A8908D, #617C3D, #3A594D)
- Driftwood Orchard color palette (#F8F5ED, #C3C3A6, #768A47, #775E67, #535000)
- Mallow Summit color palette (#E8FAF6, #BAD0FF, #CD98D4, #689974, #424758)
Browse the whole catalog at Explore, or see today's palette.