Quiet Navy color palette — #F4DAB2 · #8F7400 · #315900 · #0F2D6F · #2D2300

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

The five colors

• Peach Cream (#F4DAB2): A whisper-light, dusty gold — the color of old brass.
• Ochre (#8F7400): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#315900): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#0F2D6F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#2D2300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Sunlit Drift color palette (#F4DAB2, #AD6100, #574D00, #00384E, #332000)
• Quiet Olive color palette (#F3DAB3, #648400, #005B40, #392167, #102B0A)
• Quiet Study color palette (#EFDDC8, #9A7000, #1C5B0C, #351363, #110F00)
• Pale Moss Study color palette (#FFECCE, #938900, #246B28, #323B6D, #32312A)
• Frosted Navy Workshop color palette (#EDE0C2, #776900, #00524E, #261D6C, #410014)
• Hushed Market color palette (#C9E8C6, #BB8800, #3F7931, #513482, #292500)
• Obsidian Fern color palette (#ECE8D9, #555A00, #293739, #082002, #0C0900)
• Lagoon Terrace color palette (#E5E7CF, #4F9E74, #006353, #423D37, #242D0C)

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