Tempered Pier color palette — #D3E4D5 · #00A686 · #006F66 · #004B55 · #1A2D4D

Fern and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D3E4D5): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#00A686): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#006F66): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004B55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#1A2D4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

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

• Hushed Cerulean color palette (#D7F5F0, #00A0AB, #006E84, #00496D, #003168)
• Patina Grove color palette (#DBECE6, #00C2A8, #009287, #00605E, #003D40)
• Dusty Turquoise Parlor color palette (#CAF7FF, #00AFBF, #006675, #00383D, #001D22)
• Linen Canyon color palette (#EBF1CD, #42B200, #007940, #00493C, #012F3C)
• Feathered Lagoon color palette (#CCF0D2, #0096A2, #C80079, #005961, #570032)
• Dusty Plum Station color palette (#D3F3F1, #00827E, #B80053, #873600, #002B29)
• Dusty Iris color palette (#D0FFFF, #80D4FF, #8291FF, #006D48, #00404B)
• Pale Corridor color palette (#C0E6EE, #0088C2, #004494, #21088A, #250D4C)

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