Periwinkle Field color palette — #F9E7F8 · #5193F7 · #A64F1B · #003783 · #090200

Azure and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F9E7F8): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#5193F7): A luminous, vivid blue — the color of deep harbor water.
• Ochre (#A64F1B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Navy (#003783): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#090200): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged duotone.

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

• Quiet Dune color palette (#DDF3EC, #039DEC, #A90043, #00517D, #0D0002)
• Chalky Coast color palette (#F8E8F2, #8283FF, #9E2F00, #4300CE, #0B0100)
• Aubergine Alley color palette (#F1DFE5, #A277CA, #804300, #640098, #050100)
• Soft Nightshade color palette (#FFEBF7, #7F78FF, #9C004B, #4200BD, #260403)
• Airy Meadow color palette (#FCEDF5, #A399F5, #866600, #6100E5, #0E0800)
• Powdered Scarlet color palette (#E9F3FF, #74ACFF, #DF0321, #0061D7, #270303)
• Indigo Alley color palette (#F6F0F4, #DBB6D1, #AF7155, #5569C3, #1E130C)
• Sapphire Grove color palette (#F0D8EB, #4165DF, #8F003C, #00352A, #02003D)

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