Pale Navy color palette — #ADF5E9 · #4DA6AC · #00748F · #00486A · #002F60

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

The five colors

• Sea Foam (#ADF5E9): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#4DA6AC): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00486A): A deep, shadowed, balanced blue — the color of deep harbor water.
• Navy (#002F60): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Pale 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

• Faded Teal Terrace color palette (#CCE8CE, #0CB598, #007286, #003879, #1B004B)
• Sunlit Study color palette (#BCF3C2, #5DB197, #007670, #004D53, #003444)
• Gentle Navy Loft color palette (#A3F7FC, #57ABC3, #006C99, #003D8A, #230787)
• Feathered Aqua color palette (#CEE4DF, #23D7E1, #00B3D6, #267DB2, #003267)
• Onyx Corridor color palette (#CBFAF5, #008A9D, #005571, #002B4A, #040055)
• Ancient Garnet Orchard color palette (#DCF7E1, #009999, #00628A, #790035, #00373F)
• Aubergine Delta color palette (#C7F3C9, #42C6B2, #008FA2, #005794, #2F186C)
• Tempered Sapphire Balcony color palette (#E9F8FF, #67E3C2, #00B3CD, #0075E2, #003B4A)

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