Navy Meadow color palette — #FFF0F8 · #ABE3FF · #67AEFF · #009797 · #222378

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Powder Blue (#ABE3FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#67AEFF): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#009797): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#222378): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Navy Meadow 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

• Sky Quarry color palette (#FCF1F9, #A7E7EB, #00BCEA, #009C71, #003659)
• Hushed Navy Veranda color palette (#CBF5EF, #00CBDB, #00A3D6, #006FB1, #002C83)
• Turquoise Dune color palette (#FDF2F5, #DADDF4, #A6BCF4, #35A9BB, #474267)
• Patina Periwinkle Harbor color palette (#F4E6EC, #99C7E3, #5D92E1, #007C81, #191648)
• Azure Chapel color palette (#DAEBFF, #91C6FF, #279CFB, #006FC7, #001E37)
• Feathered Cobalt Field color palette (#FEEFE3, #4CCAFE, #0073CA, #005250, #0D0E4A)
• Antique Cerulean color palette (#E7DDE4, #82BCBD, #0092B0, #00714B, #001626)
• Ember Studio color palette (#CAE1FA, #8AC3FF, #B67D00, #E34C00, #002547)

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