Pale Navy color palette — #FFF0FC · #BC9F3B · #2B408E · #0F1767 · #281124

Built around Deep Indigo, softened by Indigo — the whole palette hums with nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#BC9F3B): A luminous, balanced green — the color of a quiet forest floor.
• Indigo (#2B408E): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#0F1767): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#281124): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Aubergine Station color palette (#FFF1F7, #87B06D, #532C8F, #30095D, #2D0D1E)
• Worn Cabin color palette (#E8D9E3, #929147, #2A2C6D, #10004B, #160411)
• Softworn Grove color palette (#E8FAF4, #D48F6B, #004C77, #002943, #002119)
• Nightshade Balcony color palette (#EBF2FF, #EB8399, #2C32B9, #121A4A, #020716)
• Lapis Garden color palette (#FFF0FB, #FD98AC, #4559D4, #28346F, #241520)
• Sunflower Ridge color palette (#F0F6FF, #EBCE42, #6B8ADA, #495A84, #0F1A2E)
• Faded Aubergine color palette (#FFDADE, #7CA143, #640062, #310030, #1A0008)
• Twilit Aubergine color palette (#FDE5EF, #518C3A, #310064, #0E0024, #060002)

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