Quiet Navy color palette — #FAD3E1 · #BD8663 · #55621D · #3B2863 · #0D0123

Built around Royal Purple, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FAD3E1): A whisper-light, dusty rose — the color of strawberry cream.
• Caramel (#BD8663): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#55621D): A full-bodied, balanced green — the color of fresh herbs.
• Royal Purple (#3B2863): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#0D0123): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Hushed Coral Terrace color palette (#E8DDF9, #C57581, #7C581A, #2C3169, #070430)
• Chalky Bronze color palette (#F7DDE3, #A96740, #474D00, #292052, #181039)
• Tempered Coast color palette (#FDDBC6, #8F9643, #00675D, #421F4A, #19001F)
• Forest Lantern color palette (#FEDAD5, #8F723D, #235A2F, #2D0F2C, #090009)
• Soft Moss Boulevard color palette (#EDDFCD, #8B9631, #005E26, #361C4F, #010100)
• Antique Olive Coast color palette (#FEEAE1, #B69357, #797C34, #00627D, #0B193D)
• Amber Pier color palette (#FDE7E1, #C07000, #614E00, #2B2B00, #000200)
• Dusty Drift color palette (#F7E7D7, #97B07F, #007B76, #6A2E38, #360C14)

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