Chalky Navy color palette — #F9EDDA · #A28033 · #4C6411 · #003E7E · #33302A

A conversation between Navy and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9EDDA): A whisper-light, dusty gold — the color of old brass.
• Caramel (#A28033): A luminous, balanced gold — the color of honey in a jar.
• Olive (#4C6411): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#003E7E): A deep, shadowed, balanced blue — the color of deep harbor water.
• Espresso (#33302A): a grounded near-black with real depth.

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

Use it as a design system

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

• Amber Pier color palette (#F9EDDA, #B97243, #6D5800, #00475A, #442A08)
• Patina Chapel color palette (#FEF4E3, #9E9C53, #45774B, #404589, #3E3D36)
• Amber Cabin color palette (#FCE4D1, #C77025, #3C6900, #41256F, #221500)
• Washed Lagoon color palette (#F9F1E1, #8F7400, #006258, #292193, #500E22)
• Feathered Aubergine Grove color palette (#FBEDD7, #6B944C, #006A55, #50257B, #18391E)
• Washed Olive Pier color palette (#F6E8CD, #AEAB8D, #677B39, #6D4B63, #4F3C63)
• Linen Olive Station color palette (#FFE7F1, #E48739, #53891F, #5C4392, #1F3725)
• Faded Navy color palette (#FBEBD2, #786500, #1F4800, #050276, #171800)

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