Pale Navy color palette — #FBECCE · #6B5800 · #00477F · #4E1500 · #1E1700

Navy takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#FBECCE): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#6B5800): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00477F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#4E1500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1E1700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Antique Garnet color palette (#FCEDD1, #796000, #004952, #580043, #221900)
• Softworn Boulevard color palette (#E1EED9, #006553, #181BA9, #3E1A00, #0A1702)
• Wandering Garnet color palette (#EFF9E6, #008266, #005A90, #6D1700, #002A1F)
• Sunlit Aubergine Chapel color palette (#E8F4D7, #006F4C, #004E34, #440060, #1A1700)
• Wandering Quarry color palette (#EFF8F0, #008F9B, #703693, #594200, #1D2C20)
• Chalky Aubergine color palette (#EFF9E9, #007E6A, #5B17A1, #482A00, #14210A)
• Worn Corridor color palette (#F6F6E7, #CBD7C0, #6FB3BD, #3E6800, #33332C)
• Pale Nightshade Market color palette (#C6F2E6, #4A7000, #1800C4, #55003D, #0D0500)

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