Tempered Pier color palette — #CDE7EA · #009D80 · #006E8A · #2C2F9A · #182400

Built around Indigo, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Frost (#CDE7EA): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#009D80): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006E8A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Indigo (#2C2F9A): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Onyx (#182400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged 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

• Hazy Emerald color palette (#C5EAE8, #00A05A, #007177, #004574, #271F00)
• Timeworn Ultramarine Atelier color palette (#C9E7F3, #0098A6, #0061BE, #53277E, #002711)
• Nightshade Workshop color palette (#DAECF6, #00829D, #2E41B6, #520061, #001610)
• Linen Aubergine Harbor color palette (#CFE7E9, #007B62, #671685, #50004A, #2D1B00)
• Softworn Balcony color palette (#E3F2F0, #97CFDA, #1895B2, #006B6E, #003344)
• Weathered Cypress Station color palette (#D9F6FA, #008475, #003B3B, #001A1E, #000607)
• Cerulean Bloom color palette (#CBF0EC, #74BBC1, #438AA2, #525B7B, #3F2E4F)
• Chalky Aubergine color palette (#E2F5FF, #08A7C3, #486FBC, #643784, #4D102D)

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