Quiet Navy color palette — #F1E7CE · #7A7000 · #004997 · #472C00 · #142608

Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F1E7CE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive (#7A7000): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#004997): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#472C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#142608): A deep, shadowed, dusty green — the color of fresh herbs.

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

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

• Patina Archive color palette (#E3EDC9, #008447, #0045A0, #4C2900, #002D14)
• Aged Garnet color palette (#F3E7CD, #836C00, #005853, #5F003C, #2C2300)
• Aubergine Hollow color palette (#F0F4E6, #358A52, #683A8E, #3A3E00, #003616)
• Patina Pier color palette (#DBE7D9, #006562, #6A0022, #1D2200, #001104)
• Pale Quarry color palette (#EFEDD0, #49A680, #00686A, #364B00, #003825)
• Aged Lapis color palette (#DFEDD7, #00A389, #3D43FE, #87003A, #2A2400)
• Airy Loft color palette (#BDEAF0, #00856F, #0D00E3, #550030, #150D00)
• Chestnut Pier color palette (#EBF9F5, #538DC3, #885800, #604100, #353D00)

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