Navy Basin color palette — #EFF3EC · #74A994 · #1B7E93 · #2C4987 · #321C3F

Peacock and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EFF3EC): a clean, paper-quiet neutral.
• Jade (#74A994): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#1B7E93): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#2C4987): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#321C3F): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, cool.

Use it as a design system

One click turns Navy Basin 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

• Hushed Dune color palette (#F0F3E9, #75AA89, #307E87, #284D7C, #2A2900)
• Cypress Lantern color palette (#F4F2EA, #99A270, #3B8167, #005666, #192546)
• Pale Villa color palette (#E4F1E8, #008B9E, #285395, #47116C, #2B0016)
• Ancient Corridor color palette (#E7F6EB, #489BA9, #4162A5, #59276B, #00251B)
• Cypress Bloom color palette (#FFF1F5, #BB8E5C, #00817E, #664376, #4D3B51)
• Dusty Pewter Atelier color palette (#ECF6DF, #B7C4B3, #859688, #7F617C, #4D3644)
• Quiet Emerald color palette (#EFF6DA, #009D49, #00686E, #00396D, #1B1900)
• Denim Delta color palette (#CEE9D0, #008286, #004C8D, #302E00, #001309)

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