Navy Basin color palette — #D2FAD9 · #8AD1C0 · #2D9FB0 · #00699C · #183281

Built around Navy, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D2FAD9): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#8AD1C0): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#2D9FB0): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00699C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#183281): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Navy Garden color palette (#DDFFE8, #74F4EA, #46B4C4, #1C719F, #0F2A69)
• Softworn Teal color palette (#D9FFF3, #A0D0AB, #2FA990, #007884, #00435F)
• Sapphire Canyon color palette (#D6FFF8, #80CBDA, #4C9EDA, #4B5EC8, #432879)
• Linen Lagoon color palette (#C4EAD8, #00908E, #006079, #003050, #05002C)
• Soft Glacier color palette (#D2FFFE, #6BE8F2, #4EBCD5, #1E92B4, #004663)
• Aubergine Canyon color palette (#CDF2E9, #00BAC7, #0087B5, #004DA7, #2A007B)
• Feathered Navy Courtyard color palette (#BDEAE9, #007AA2, #004696, #190063, #07000D)
• Tempered Lagoon color palette (#FFF0F9, #6BC5AD, #4B8FB2, #964B2D, #1C434E)

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