Tempered Navy Coast color palette — #F4F7E8 · #77B87F · #00878D · #1F4199 · #330E00

Indigo takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7E8): a clean, paper-quiet neutral.
• Jade (#77B87F): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#00878D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#1F4199): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#330E00): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Hazy Aubergine Hollow color palette (#EFF9EB, #43BCA9, #008979, #6C1F82, #221B00)
• Soft Nightshade color palette (#FFF2ED, #ED837D, #368955, #41339F, #3A0010)
• Hazy Mulberry Meadow color palette (#FBF5E3, #AEAB55, #0081AE, #81184B, #251900)
• Soft Veranda color palette (#E2F7F4, #73C87F, #00A8A6, #0078AF, #28244F)
• Ancient Meadow color palette (#F0EFDA, #668A00, #006452, #003A4A, #1E1100)
• Softworn Sky Alley color palette (#FCF3EF, #C1E3EE, #5DB0DF, #00816E, #152E51)
• Washed Mulberry Corridor color palette (#FAF4EB, #D6B767, #1A98B9, #8E3962, #4A1A06)
• Wandering Navy Chapel color palette (#EEF7DD, #00915A, #005765, #170073, #040100)

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