Sunlit Navy color palette — #FFF1F1 · #B76D97 · #007177 · #004889 · #422C58

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Dusty Rose (#B76D97): A luminous, balanced rose — the color of pressed rose petals.
• Teal (#007177): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004889): A full-bodied, balanced blue — the color of deep harbor water.
• Royal Purple (#422C58): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Sunlit 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

• Hazy Emerald color palette (#FDF0FF, #E58393, #3A964F, #2F6092, #23375D)
• Airy Peony color palette (#FCEEEC, #CD6789, #527000, #0B4273, #131B3E)
• Cypress Ridge color palette (#F6F6E8, #74945D, #007466, #005069, #2C3362)
• Forest Drift color palette (#FFF3E8, #B4794B, #6A661D, #005730, #004046)
• Softworn Dune color palette (#FFF2EC, #C06F61, #7F5D00, #245600, #54263C)
• Olive Pier color palette (#FFF3E6, #C2B49E, #968C6D, #567031, #43553E)
• Washed Bloom color palette (#F5F6EF, #CFE3CE, #4E989D, #007263, #30503A)
• Aged Navy color palette (#DAE6D2, #007B63, #004E62, #19008C, #36003F)

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