Tempered Alley color palette — #C9F6F7 · #008284 · #044DEF · #395E00 · #001212

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

The five colors

• Honeydew (#C9F6F7): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#008284): A full-bodied, balanced teal — the color of glacier melt.
• Cobalt (#044DEF): A full-bodied, vivid violet — the color of a velvet chair.
• Olive (#395E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#001212): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged vibrant, cool.

Use it as a design system

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

• Petrol Summit color palette (#DAF3EE, #008475, #0068AC, #505800, #00120F)
• Weathered Grape color palette (#CCEDFE, #007CA4, #7904EB, #006243, #001119)
• Byzantium Delta color palette (#D5E4F5, #0070D3, #9C00B8, #005F59, #000E24)
• Cornflower Coast color palette (#D6F5F3, #00A19C, #0E7BF6, #5D7B00, #002B29)
• Quiet Coast color palette (#E0EADE, #248908, #00727D, #6F4900, #021300)
• Aged Raspberry color palette (#EBF2FF, #7086E3, #B7569F, #007984, #141E31)
• Antique Aubergine color palette (#D1E1F8, #0051B7, #7B0085, #004544, #00030F)
• Worn Iris color palette (#E1F6FF, #3BADC0, #7B85D8, #558657, #172A32)

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