Tempered Coast color palette — #CDE6D2 · #F8865B · #AF7E00 · #007383 · #381728

A conversation between Salmon and Mustard, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#CDE6D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Salmon (#F8865B): A luminous, balanced orange — the color of toasted spice.
• Mustard (#AF7E00): A luminous, balanced gold — the color of honey in a jar.
• Teal (#007383): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#381728): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

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

• Aged Apricot Loft color palette (#DDF6E2, #FF9F61, #B69300, #1B809D, #432631)
• Misty Apricot color palette (#C6E8CD, #EC9141, #9C8800, #007093, #0F2B10)
• Ember Balcony color palette (#C7E8CD, #FA7D96, #D46206, #007767, #331931)
• Faded Bloom color palette (#F3D9E6, #F77929, #4E9A00, #006C87, #2D0B41)
• Stone Corridor color palette (#F3E5EC, #D6B679, #969D62, #4180A0, #28395D)
• Hazy Moss color palette (#C7E8CD, #D0A400, #689A00, #2862BC, #292500)
• Wandering Amber Delta color palette (#FFE7F0, #C97300, #675012, #442432, #090206)
• Misty Navy color palette (#C9E7D1, #DA6785, #886100, #0D4196, #3D160D)

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