Tempered Navy Boulevard color palette — #F5F2E5 · #8F9347 · #007374 · #363778 · #380C1B

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

The five colors

• Cream (#F5F2E5): bright and airy, almost weightless.
• Moss (#8F9347): A luminous, balanced green — the color of fresh herbs.
• Teal (#007374): A full-bodied, balanced teal — the color of sea glass.
• Navy (#363778): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#380C1B): A deep, shadowed, dusty red — the color of late-summer berries.

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

Use it as a design system

One click turns Tempered Navy Boulevard 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

• Emerald Bloom color palette (#F1F4E5, #56A256, #006F90, #552A6D, #341402)
• Worn Pine color palette (#FAF0E6, #BD7D3B, #097931, #004763, #34101C)
• Amber Lagoon color palette (#EAFAEE, #A98300, #39649D, #5B3865, #4B2337)
• Feathered Nightshade color palette (#E5F4DD, #007D6B, #1E35A5, #4D0028, #100A00)
• Weathered Moss color palette (#E6FBF2, #A7AC43, #26909A, #635484, #542A23)
• Wandering Olive Garden color palette (#E2E3C6, #478400, #005569, #400065, #230200)
• Wandering Pewter Boulevard color palette (#EEE8CC, #B3B79C, #7C916F, #775163, #45292E)
• Olive Drift color palette (#EAE9D8, #608300, #30322B, #181607, #080602)

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