Sunlit Navy color palette — #FEEBCE · #957600 · #416700 · #003383 · #040300

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

The five colors

• Cream (#FEEBCE): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#957600): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#416700): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#003383): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#040300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged retro.

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

• Weathered Navy color palette (#EDE5D5, #857100, #006459, #09248E, #060002)
• Hushed Bronze color palette (#EFDCBF, #B56100, #685900, #004156, #060300)
• Patina Cypress Ridge color palette (#E4DFC4, #738D58, #327B5B, #3A4071, #190724)
• Antique Emerald color palette (#F0DFC6, #399000, #00695A, #4F1973, #000501)
• Washed Summit color palette (#EADDD3, #915100, #1A4A00, #2B0050, #050300)
• Fern Hollow color palette (#EAE1C1, #5F6000, #0F2900, #0D0E07, #020200)
• Lagoon Orchard color palette (#E1E2CA, #559A6E, #00735D, #683C00, #050700)
• Faded Aubergine color palette (#F4E2C6, #68AE2B, #008A71, #6C2EA4, #001D06)

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