Tempered Navy color palette — #F8FAC3 · #C3F3E7 · #74C0B3 · #3A879B · #184069

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

The five colors

• Custard (#F8FAC3): A whisper-light, dusty green — the color of new leaves after rain.
• Honeydew (#C3F3E7): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#74C0B3): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#3A879B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#184069): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged light, muted, cool.

Use it as a design system

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

• Aqua Balcony color palette (#D6FFF8, #B4E4EF, #68C0D2, #5679A4, #433A6A)
• Washed Terrace color palette (#FFF3E8, #BDECD2, #A0C392, #4B856F, #004750)
• Ancient Navy color palette (#FCF7D0, #B6C199, #449889, #006674, #324377)
• Lagoon Corridor color palette (#CCFDFF, #92CABD, #3C9B93, #006669, #003037)
• Seafoam Studio color palette (#DDFFE8, #00E9E8, #009EC3, #365097, #2B0155)
• Washed Celadon color palette (#FBF1FF, #B0F0B0, #67ADC4, #926273, #2D4446)
• Navy Bloom color palette (#CAE6D8, #00ADB9, #006C9A, #0E1383, #05000C)
• Ancient Ash Basin color palette (#EDF8F6, #D3DCE3, #BDB2B6, #89AEB9, #45504F)

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