Soft Navy color palette — #FBEBE3 · #A55647 · #416F1E · #253C8B · #381F13

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

The five colors

• Cream (#FBEBE3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Brick (#A55647): A full-bodied, balanced orange — the color of sun-warmed clay.
• Olive (#416F1E): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#253C8B): A deep, shadowed, balanced violet — the color of wild irises.
• Espresso (#381F13): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Timeworn Aubergine Villa color palette (#FFEBD6, #BF6A66, #685B00, #3C298C, #49260E)
• Plum Workshop color palette (#FFE9E6, #AB4A71, #526C00, #004D5E, #3D1A18)
• Pale Balcony color palette (#FFF3E5, #8F5B00, #495800, #002681, #2E1700)
• Dusty Nightshade Meadow color palette (#FFF2EA, #B66B47, #00846D, #4D4790, #38312D)
• Washed Aubergine color palette (#F9EDDA, #8E6A00, #006F70, #4E298B, #332305)
• Quiet Rust color palette (#F7E1F3, #C4413A, #00765E, #004A66, #1A0818)
• Aubergine Archive color palette (#FFEDEC, #AE547D, #22711B, #47056A, #4E0E30)
• Pale Ember color palette (#FFEAE1, #E55D53, #009584, #006991, #381F15)

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