Tempered Pier color palette — #D9EDEC · #76A3D0 · #25569A · #003A54 · #08184F

Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D9EDEC): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#76A3D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#25569A): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003A54): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#08184F): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Denim Veranda color palette (#E0EEEC, #62ABBE, #00607B, #003D42, #002333)
• Nightshade Villa color palette (#F1E3E7, #79A0C5, #384EA9, #003841, #0E002A)
• Navy Veranda color palette (#DFF3F2, #5586AC, #003D71, #00202E, #000720)
• Weathered Parlor color palette (#E6E9DF, #9BC4EF, #4390FC, #0076A5, #0A1A4A)
• Indigo Studio color palette (#F4EBE0, #89BEB0, #516CCD, #005764, #220E4C)
• Tempered Cerulean Chapel color palette (#EDF8F6, #A9CBDC, #2F83A0, #005F65, #00405A)
• Timeworn Olive color palette (#DFF2EF, #2B8200, #006188, #134500, #001E2D)
• Mint Market color palette (#CFEAD0, #6DC694, #419E85, #375500, #073016)

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