Tempered Navy Pier color palette — #FFF5D3 · #AED7B1 · #6CAE9C · #338194 · #134674

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

The five colors

• Custard (#FFF5D3): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#AED7B1): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#6CAE9C): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#338194): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#134674): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Powdered Canyon color palette (#DBFFED, #A8E2E8, #61CCBB, #088398, #1A466D)
• Soft Studio color palette (#DEEBDD, #00BC9C, #00849B, #004F7B, #250072)
• Aubergine Harbor color palette (#EFFCD1, #96D8D2, #69A4BC, #536E9C, #51376F)
• Timeworn Cypress Cabin color palette (#FFF3E8, #DCD3A6, #8BAF7A, #2D8061, #004F52)
• Soft Villa color palette (#DAF3E7, #00A8A9, #00699A, #201DA9, #1F0032)
• Aubergine Drift color palette (#CCF6ED, #008EB3, #00549D, #36007E, #150017)
• Frosted Nightshade color palette (#C9FCA9, #0DD2A6, #009A9C, #006294, #1B0EA2)
• Muted Taupe Market color palette (#F5F6EF, #D3DDD9, #A7B5BA, #82A684, #52534C)

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