Sunlit Navy color palette — #FFF2EF · #DD8A9B · #4F872F · #20409B · #390018

A conversation between Indigo and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rose (#DD8A9B): A luminous, balanced red — the color of late-summer berries.
• Olive Leaf (#4F872F): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#20409B): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#390018): A deep, shadowed, balanced red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Navy Study color palette (#FFF1F1, #DD86B1, #6A8129, #004891, #210943)
• Nightshade Hollow color palette (#FDF3E9, #DA963B, #3A8950, #3B32A6, #320F00)
• Bronze Grove color palette (#FFF3E6, #D2995D, #9D6B12, #00564E, #310036)
• Aubergine Canyon color palette (#FEF3E9, #E7AD7D, #009DA5, #73438E, #3C1B44)
• Wandering Cypress Boulevard color palette (#FAF4EF, #C0E4F4, #77ABDD, #007F7B, #212C50)
• Hushed Villa color palette (#FFF2ED, #E4C6A6, #90A272, #846073, #482C4B)
• Garnet Lagoon color palette (#FDF4E1, #A7911F, #006E89, #670046, #130B00)
• Washed Rust Lantern color palette (#FFECF5, #B95700, #006258, #1D3670, #28244F)

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