Tempered Pier color palette — #F9ECE1 · #5288A6 · #003A7B · #002223 · #06002B

Navy and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9ECE1): A whisper-light, dusty gold — the color of old brass.
• Storm Blue (#5288A6): A luminous, dusty blue — the color of open sky before noon.
• Navy (#003A7B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#002223): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#06002B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Ancient Lagoon Veranda color palette (#F3E1D9, #299099, #004357, #002318, #000A18)
• Gentle Drift color palette (#E8DED3, #6395B9, #0033BC, #002F33, #13033F)
• Denim Veranda color palette (#E2E6D7, #4D9BCB, #005C96, #003949, #00091B)
• Aged Cobalt color palette (#D6E7D9, #78A7C5, #3677B8, #005B68, #01002F)
• Aged Petrol Harbor color palette (#F6ECE8, #71C1C2, #00748C, #005235, #06314B)
• Shadow Mulberry Parlor color palette (#F8DCDB, #910060, #00474D, #400027, #000809)
• Timeworn Aubergine Lagoon color palette (#FFEAE6, #C77D6F, #905F00, #4D004F, #260005)
• Cornflower Terrace color palette (#FAF4ED, #AAD3F8, #4E74EC, #006571, #3F3866)

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