Navy Basin color palette — #F2EBFE · #A25A67 · #684500 · #112B5E · #0E1E3D

Built around Navy, softened by Mocha — the whole palette hums with optimism and balance.

The five colors

• Blush (#F2EBFE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mocha (#A25A67): A full-bodied, balanced red — the color of a theater curtain.
• Bronze (#684500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#112B5E): A deep, shadowed, balanced violet — the color of wild irises.
• Midnight (#0E1E3D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Balance. Tagged vintage, retro, muted.

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

• Dusty Corridor color palette (#E9EDFE, #9E6594, #7D3200, #003342, #002617)
• Chestnut Courtyard color palette (#F2E1E9, #8B553D, #3F4000, #241942, #1C0120)
• Hushed Garden color palette (#F3D8DA, #B76B50, #845B20, #004745, #00202D)
• Pale Quarry color palette (#FBE9FF, #E18689, #8F640C, #35438E, #2B3664)
• Hushed Quarry color palette (#F8ECDE, #815400, #00546A, #3F2700, #001219)
• Brick Pier color palette (#FAE4E9, #C90027, #612A00, #311E00, #0A1401)
• Nightshade Lantern color palette (#FBE9E0, #7B3500, #0C00C3, #060695, #120300)
• Bronze Meadow color palette (#FFEDCE, #956500, #523000, #190B00, #030100)

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