Sunlit Navy color palette — #D8F5EE · #007B83 · #004A6B · #001F5F · #040022

Midnight takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D8F5EE): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007B83): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004A6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001F5F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#040022): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, 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

• Cypress Boulevard color palette (#E0EDE3, #007C6B, #005757, #002736, #000916)
• Powdered Balcony color palette (#C1E9EE, #0084A5, #00688F, #00416A, #000427)
• Weathered Petrol Ridge color palette (#D2E3DC, #00729C, #7B4C00, #003D56, #0B0400)
• Hushed Raspberry color palette (#CAECDE, #99A0DE, #B25D93, #005953, #01072D)
• Soft Nightshade color palette (#CDF5FF, #0074B4, #0030BD, #300068, #100018)
• Ancient Cobalt Harbor color palette (#E0E9DA, #877D00, #0075B2, #080B1A, #000202)
• Softworn Basalt Workshop color palette (#F5EBD4, #627745, #504500, #371D00, #000502)
• Weathered Nightshade color palette (#D2EFF2, #02AFEB, #1172E9, #422CBD, #35195B)

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