Sunlit Navy color palette — #FFF1F5 · #B06A00 · #006842 · #23277A · #040002

Navy takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Ochre (#B06A00): A full-bodied, balanced gold — the color of honey in a jar.
• Pine (#006842): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#23277A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

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

• Worn Bronze color palette (#FFF1F6, #B36300, #496100, #003E54, #05000A)
• Airy Aubergine Garden color palette (#E3FDEA, #A08000, #006469, #481074, #000400)
• Onyx Courtyard color palette (#DEFEEF, #737300, #00533F, #23005C, #030000)
• Amber Station color palette (#E9FBE9, #C18400, #006F85, #003770, #1D0016)
• Tangerine Coast color palette (#E4FDE6, #F0801A, #6C7100, #352D89, #1C1000)
• Sunlit Market color palette (#DAFEF6, #008F2E, #006D66, #3F0C7C, #060100)
• Washed Nightshade Study color palette (#E6FBF0, #AAA138, #008962, #3A479A, #1A0717)
• Faded Delta color palette (#D7FFF5, #66A500, #006F8D, #2C05A4, #090100)

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