Powdered Navy color palette — #FFF2ED · #57CBD6 · #0077A3 · #005933 · #0D2E6B

Navy and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Aqua (#57CBD6): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#0077A3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005933): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#0D2E6B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Sapphire Coast color palette (#FFF3E9, #44C6FD, #1767D9, #00574E, #31295E)
• Tempered Cerulean color palette (#FCF3EF, #ADCFAF, #2883A3, #2F5F3A, #4A304B)
• Tempered Petrol color palette (#E4F6F3, #6DCCD6, #008092, #00524E, #001E27)
• Softworn Archive color palette (#F5F7E5, #7ADDE7, #009DB4, #00726F, #003948)
• Antique Denim color palette (#E9DCD6, #5EACB9, #005E88, #004029, #0F1C42)
• Aged Station color palette (#FEF3EC, #ADE7FA, #5A8FC2, #21715D, #593E51)
• Sky Alley color palette (#FFF0FB, #A3E7EE, #00BCED, #009B75, #00355B)
• Navy Lantern color palette (#FAECE3, #429AC3, #0E439A, #00302C, #150836)

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