Sunlit Navy color palette — #E1F1EC · #4EAAA7 · #207887 · #2C347E · #281B4A

Built around Navy, softened by Turquoise — the whole palette hums with trust and stability.

The five colors

• Cream (#E1F1EC): bright and airy, almost weightless.
• Turquoise (#4EAAA7): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#207887): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#2C347E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#281B4A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, 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

• Dusty Navy color palette (#DAE8D7, #6DAD88, #027E6C, #004772, #041E5D)
• Ancient Mint color palette (#E2F3E7, #58C5A7, #009B94, #375F93, #2E3568)
• Pale Harbor color palette (#D3EBF2, #5C9ABC, #4B6F9E, #5F2E6D, #3D0035)
• Cerulean Station color palette (#CDE7CF, #7CBCCC, #3C8AB5, #58477D, #402848)
• Worn Onyx color palette (#D5EDFA, #5985AB, #425179, #41183E, #2A001A)
• Hushed Cobalt color palette (#F0F4E3, #8CC4E1, #0079B3, #004F60, #001B34)
• Basalt Corridor color palette (#D6F9E7, #7FAB9E, #8D6F8B, #5E395E, #3A1C1E)
• Airy Teal color palette (#8AFCF6, #00B2A7, #006D66, #003733, #000B0A)

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